Dans ma série d’articles ou je parle des sites que j’ai fait dans le passé. J’ai mentionné quelques fois que j’utilisait GéraniumCMS. Le projet du site du Manoir Saint-Francis à Magog, est l’un des derniers déployés.

Derniers sites faits avec GéraniumCMS

J’était en emploi chez TechSolCom Groupe informatique depuis quelques temps déjà et un ancien client de Inexis a voulu que je fasse un site pour lui.

Le contexte général du projet est comme il l’est souvent. Un graphiste me fournit des planches Photoshop et je dois le rendre identique en HTML.

Gallerie d’images

Accrocheur mon titre n’est-ce pas? Je trouve ça tellement pas drôle lorsque ça m’arrive ce genre de situation avec les caractères accentués. Le problème n’arrive pas tout le temps qu’avec WordPress.

Voici, enfin, une suite a mon billet Pourquoi tout ces caractères bizzares. Je devais travailler sur un problème de conversion de caractères pour un client dus a une conversion non réussie et/ou terminée entre latin1 et utf-8 puis je me suis remis a penser a ce problème. Pourquoi ne pas le régler, et documenter!

Voilà pourquoi ce billet

La situation

Mon cas était bien simple. J’avait mal fait ma sauvegarde lors d’un transfert et j’avait tout mes commentaires, billets, et autres données qui avait des accents “transform√©s comme √áa” (transformés comme ça).

Ce genre de problème arrive pour toutes sortes de raisons. Mais le symptôme est le même. Si vous avez des
Je partage avec vous mon bout de code a «copier-coller» dans phpmyadmin pour votre blogue WordPress si vous avez ces problèmes (oubliez-pas de faire des sauvegardes là(!)).

Plusieurs tutoriels existent pour régler la situation mais mon cas était assez unique. J’ai conservé le problème puis j’ai publié plusieurs billets (qui sortent bien) et laissé ceux “ab√Æm√©s” là. Il n’était plus question d’extraire, convertir et ré-importer.

Pourquoi?!

C’est une réponse assez complexe. L’article UTF-8 sur TikiWiki.org l’explique en détail.

In short, UTF-8 is a character encoding that uses 1 to 3 bytes for each character.
It is one of the existing character encodings of the UCS (Universal Character Set), that contains nearly a hundred thousand abstract characters (including ASCII characters).

UTF-8 greatly simplifies the task of internationalization by replacing multiple alternative encodings (such as ISO8859-15 Latin-9, which encodes those English, French, German, Spanish and Portuguese characters not available in ASCII).

En simple, le UTF-8 est un format d’encodage qui utilise 1 a 3 bytes pour chaque caractère. C’est un format d’encodage qui comprend près de plusieurs centaines de milliers de caractères (Incluant ceux du ASCII).

UTF-8 est fait pour contenir tout les caractères existants pour simplifier l’internationalisation.

C’est un standard qui est pas nécessairement jeune mais qui n’était pas non plus supporté partout.

MySQL a commencé a le supporter qu’a partir de la version 4.1.

Ce qui arrive c’est qu’avec le temps, les gens prennent de plus en plus soin de rendre accessible pour toutes les langues leur applications. Ainsi un russe pourrait écrire en cyrillic et un Japonais en Kanji dans la même base de donnée. Le coup est difficile! Surtout que les versions de MySQL et PHP et Java offrent maintenant le choix par défaut en UTF-8… lorsqu’on fait pas attention: on se fait coincer!

Comment j’ai opéré

Comme il n’y a pas que WordPress qui peut avoir ce type de problème j’ai fait un petit script qui génère pour chaque table et colone affectée. J’ai passé dans chaque table et colone où je voyait des choses bizzares et j’ai représenté dans un array a deux dimensions. Avec cette méthode on peut faire la même chose avec n’importequel schéma de base de donnée.

Exemple: Représenter les tables et les colones

Avec ce format, en exemple, j’ai représenté les tables (wp_posts, etc…) et chaque array représente une colone où des caractères accentués sont mal convertis.

1
2
3
4
5
6

$tables = array(
        'wp_posts' => array('post_content','post_title','post_excerpt')
        ,'wp_usermeta' => array('meta_value')
        ,'wp_term_taxonomy' => array('description')
        ,'wp_comments' => array('comment_content')
);

Utiliser le script

Le script a été utilisé pratiquement tel quel sur ma base de donnée WordPress de ce site.

Seuls ajustements a faire.

• Remplacer les “< pre >” par “<pre>”. Vous comprenez le principe
• Afficher le contenu généré via un serveur Web avec PHP installé
• Aller dans phpmyadmin, faire une copie de la base de donnée à affecter (Voir dans onglet “Opérations” et “Copier la base de données vers: “)
• Aller dans cette base de donnée là dans phpmyadmin (!!)
• Exécuter le code généré (copier-coller) dans la fenêtre SQL de la base de donnée de tests
• Faire pareil avec la vraie si vous êtes satisfaits du résultat

Le code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

header('Content-type:text/html;charset=utf8');
$tables = array(
        'wp_posts' => array('post_content','post_title','post_excerpt')
        ,'wp_usermeta' => array('meta_value')
        ,'wp_term_taxonomy' => array('description')
        ,'wp_comments' => array('comment_content')
);
 
$chars = array(
 bin2hex('√Ä').'|À',
 bin2hex('√¥').'|ô',
 bin2hex('√Ç').'|â',
 bin2hex('√á').'|ç',
 bin2hex('√©').'|é',
 bin2hex('√â').'|É',
 bin2hex('√†').'|à',
 bin2hex('√®').'|è',
 bin2hex('√™').'|ê',
 bin2hex('√¢').'|â',
 bin2hex('‚Äô').'|‘',
 bin2hex('¬´').'|«',
 bin2hex('¬ª').'|»',
 bin2hex('√ß').'|ç',
 bin2hex('√π').'|ù',
 bin2hex('√ª').'|û',
 bin2hex('√Æ').'|î');
 
foreach($tables as $table => $elements){
  foreach($elements as $col){
    foreach($chars as $char){
        $elc = explode('|',$char);
        $update_line.= 'update '.$table.' set '.$col.' = REPLACE('.$col.', UNHEX(\''.$elc[0].'\'), \''.$elc[1].'\') ;'.PHP_EOL;
    }
  }
}
echo '< pre >'.$update_line.'< / pre >';

Je ne sais pas si vous êtes comme moi mais je n’aime pas laisser non crypté l’accès a un service qui me demande un mot de passe. Je devait monter un serveur cette semaine qui doit avoir les accès FTP.

J’ai pris l’initiative de sécuriser la machine avec du SSL car je crois qu’aujourd’hui c’est notre devoir de faire ce genre de chose. Ce n’est pas la première fois que je configure un serveur FTP over SSL mais je n’avait jamais pris de notes vraiment à ce jour. Je l’ai fait cette fois-ci!

Ce que cette procédure fait…

1. Pouvoir créer des comptes FTP sans avoir a créer un utilisateur local (donc pas accès shell (SSH)).
2. Permet les connections FTP over SSL de façon EXPLICITE sur un port non standard  (cet exemple utilisera le port 6123)
3. Ne permet pas d’utilisateur ni de connexions anonymes
4. Bannit les hôtes qui tentent de se connecter (LOGIN FAILED) via fail2ban
5. Utilise le system PAM interne pour l’authentification
6. Ne requiert pas d’usager local (pas de risque de tentative de connection SSH, usager séparés)
7. Le serveur FTP roule sur son propre usager

Procédure

1. Vérifier quelle version de serveur FTP est installé

   1 2 3 4 5

   # dpkg --list | grep ftp ~ ii ftp 0.17-19 The FTP client ii lftp 3.7.15-1ubuntu2 Sophisticated command-line FTP/HTTP client p ii vsftpd 2.2.0-1ubuntu1 lightweight, efficient FTP server written fo

   Note vsftpd est ce qu’on veut. Dans ce cas-ci il est déjà installé (ii).

2. Assurer que les prérequis sont installés

   1	# aptitude install vsftpd libpam-pwdfile openssl

3. Modifier le fichier de config vsftpd.conf.
   Note Modifiez pour ces valeurs (ci-bas) et conservez les autres valeurs par défaut.

   1 2 3 4 5 6 7 8 9 10 11 12

   # vi /etc/vsftpd.conf ~ anonymous_enable=NO local_enable=YES write_enable=YES local_umask=022 chroot_local_user=YES ftpd_banner=Un nom Quelconque FTP nopriv_user=vsftpd   # renoirboulanger.com 2010-04-29 we will force usage on an other port #connect_from_port_20=YES

4. Ajouter ou corriger (étaient pas présents lorsque j’ai crée la procédure)

   1 2 3 4 5 6

   # 2010-04-28 accès usager virtual_use_local_privs=YES guest_enable=YES user_sub_token=$USER local_root=/home/ibottin/FTP/$USER hide_ids=YES

   Note Ajuster le local_root a l’endroit ou envoyer les fichiers.

5. Activer le SSL
   1. Créer le certificat

      1 2	# cd /etc/ssl # /usr/bin/openssl req -x509 -nodes -days 365 -newkey rsa:1024 -keyout vsftpd.pem -out vsftpd.pem

   2. Ajouter au /etc/vsftpd.conf

      1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

      # vi /etc/vsftpd.conf ~ # renoirboulanger.com 2010-04-30 SSL configuration listen_port=6123 ftp_data_port=6122 pasv_min_port=6000 pasv_max_port=6100   ssl_enable=YES # Allow anonymous users to use secured SSL connections allow_anon_ssl=YES # All non-anonymous logins are forced to use a secure SSL connection in order to # send and receive data on data connections. force_local_data_ssl=NO # All non-anonymous logins are forced to use a secure SSL connection in order to send the password. force_local_logins_ssl=YES ssl_tlsv1=YES ssl_sslv2=YES ssl_sslv3=YES rsa_cert_file=/etc/ssl/vsftpd.pem

6. Remplacer le contenu du fichier pam.d/vsftpd

   1 2 3 4

   # vi /etc/pam.d/vsftpd ~ auth required pam_pwdfile.so pwdfile /etc/vsftpd.passwd account required pam_permit.so

   Note Il est important de remplacer le reste du fichier par ce contenu ci-haut.

7. Modifier permissions sur le fichier .pem

   1	# chown vsftpd /etc/ssl/vsftpd.pem

8. Redémarrer vsftpd

   1	# /etc/init.d/vsftpd restart

9. Créer le unix user qui va rouler le démon

   1	# adduser --system --no-create-home --disabled-login -s /usr/sbin/nologin --home /var/ftp vsftpd

10. Modifier les permissions pour l’utilisateur qui roule vsftpd (ajuster)

    1 2	# chown -R ftp:ftp /var/ftp/ # chmod -R 740 /var/ftp

11. Ajouter un utilisateur FTP
12. Ajuster fail2ban
    Ajuster le bloc [vsftpd]

    1 2 3 4 5

    # vi /etc/fail2ban/jail.conf ~ [vsftpd]   enabled = true

    Note par defaut enabled est a false… il faut l’activer.

13. Redémarrer vsftpd

    1 2 3 4 5 6 7 8 9 10 11

    # /etc/init.d/vsftpd restart * Stopping FTP server: vsftpd ...done. * Starting FTP server: vsftpd ...done. # ps aux|grep vsftpd vsftpd 18771 0.0 0.0 28904 1300 ? Ss 17:09 0:00 /usr/sbin/vsftpd vsftpd 18772 0.0 0.0 29100 1608 ? S 17:09 0:00 /usr/sbin/vsftpd ftp 18773 0.0 0.0 28928 924 ? S 17:09 0:00 /usr/sbin/vsftpd root 18795 0.0 0.0 22628 1712 ? S 17:14 0:00 /usr/sbin/vsftpd ...

    Note les deux premiers vsftpd est le résultat attendu

14. Nous allons forcer le FTP over SSL sur le port 6122, pour ça il faut autoriser le Firewall

    1 2 3 4 5

    # iptables -A INPUT -m state --state ESTABLISHED,RELATED # iptables -A INPUT -m tcp -p tcp --dport 6122 -j ACCEPT # iptables -A INPUT -m state --state NEW,ESTABLISHED # iptables -A INPUT -m tcp -p tcp --dport 6123 -j ACCEPT # iptables -A INPUT -p tcp --dport 6000:6100 -j ACCEPT

    Source: vsftpd SSL and iptables

15. Sauvegarder le Firewall

    1	# iptables-save > /etc/iptables.rules

16. Tester de l’extérieur avec un client FTP (Filezilla, etc)

    Voir les options suivantes a la connection

    1. port: 6123
    2. Forcer le SSL

Ajouter un utilisateur FTP

On utilise le truc simple de htpasswd pour l’authentification. Pas de gossage

Créer un nouveau compte

1. Créer le premier compte, sinon, passer a la directive suivante! ou Utiliser mon script Script pour créer un compte utilisateur

   1 2 3 4

   # htpasswd -c /etc/vsftpd.passwd ftpuser New password: Re-type new password: Adding password for user ftpuser

   Note l’option -c est pour créer le fichier la première fois.

2. Voir les directives de *Script pour créer un compte utilisateur

Ajouter ou modifier un utilisateur

1. Utiliser le script evo-vsftpd-user

   1 2 3 4 5 6 7 8 9

   $ sudo evo-vsftpd-user foo Création d'un nouvel usager dans /etc/vsftpd.passwd ... New password: Re-type new password: Adding password for user foo ... OK * Création du dossier /home/ibottin/FTP/foo ... OK * Changement des permissions du dossier ... OK Terminé!

   Voir les directives de Script pour créer un compte utilisateur

Script pour créer un compte utilisateur

1. Créer le fichier

   1	# vi /usr/sbin/evo-vsftpd-user

2. Coller le contenu

   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

   #!/bin/bash if [ -z $1 ]; then echo "Aucun argument usager fourni" echo "usage: sudo evo-vsftpd-user foo" exit 1; fi   if [ "$(whoami)" != 'root' ]; then echo "Vous n'avez pas les permisions utilisateur requises." exit 1; fi   echo "Création d'un nouvel usager dans /etc/vsftpd.passwd ... " htpasswd /etc/vsftpd.passwd $1 echo " ... OK " echo -n " * Création du dossier /home/ibottin/FTP/$1 ... " mkdir /home/ibottin/FTP/$1 echo " OK" echo -n " * Changement des permissions du dossier ... " chown -R ftp:ftp /home/ibottin/FTP/$1 chmod -R 740 /home/ibottin/FTP/$1 echo " OK" echo "Terminé!"

3. Rendre exécutable

   1	# chmod +x /usr/sbin/evo-vsftpd-user

Tester

1. Installer le paquet pour tester

   1	# aptitude install ftp-ssl

2. Tester

   1 2 3 4 5 6 7 8 9 10 11 12

   # ftp-ssl someserver.net 6123 Connected to someserver.net. 220 Un nom Quelconque FTP Name (someserver.net:renoirboulanger): ftpuser 234 Proceed with negotiation. [SSL Cipher DES-XXXX-SHA] 331 Please specify the password. Password: 230 Login successful. Remote system type is UNIX. Using binary mode to transfer files. ftp>

   Note [SSL Cipher DES-XXXX-SHA] est ce qu’on attend

Pour déboguer

Le feedback est assez difficile a avoir de la part de vsftpd, mais pour en voir plus:

1. Pour le debug

   1 2 3 4

   # vi /etc/vsftpd.conf ~ # for debuging log_ftp_protocol=YES

Ressources

• vsftpd help
• vsftpd.conf manpages
• vsftpd SSL and iptables
• Installing vsftpd using text file for virtual users
• Vsftpd SSL / TLS FTP Server Configuration

Montreal Open Source Week - La semaine des Logiciels Libres de Montréal MonDev

Durant la semaine du 24 au 28 Mai 2010 aura lieu la semaine des logiciels libres MonDev. Pour cette semaine particulière nous allons vous guider sur les activités geek de la semaine.

Au menu: Rencontrer les membres de la communauté des logiciels libres à Montréal, notamment: les gens de PHPQuébec, et de TikiWiki.

Le but principal de levenement est de créer un podium pour les logiciels libres durant. Nous avons décide de faire l’événement durant la semaine du Webcom Montréal 2010 parceque beaucoup de gens viendront de loin pour voir le Webcom et le Make Web Not War et on sent qu’on pourrait faire d’autres événements qui pourraient nous intéresser autant que nos visiteurs.

Traduction de l’annonce officielle du MonDev

J’ai traduit l’annonce officielle et je voulait la partager ici:

La semaine consacrée aux Logiciels «Open Source» (Libres) MonDev, se  veut être une célébration de la technologie des Logiciels Libres et communautaires de toute la région de Montréal.

Joignez-vous à la fête en participant à nos événements, pour ne citer que ceux ci :

• Le Webcom 2010 de Montréal
• L’événement «Make Web Not War» de Microsoft

L’idéologie des Logiciels Libres est une philosophie et une pratique qui est en train de révolutionner le développement logiciel dans le monde.

En encourageant les partenariats locaux et internationaux, les développeurs de Logiciels Libres sont à la fondation des logiciels libres de qualité qui peuvent être constamment mis à jour et partagées par et pour la communauté. Pour les innovateurs de nombreux logiciels,
les Logiciels Libres représentent le futur du développement de logiciels.

Grâce aux Logiciels Libres les communautés, villes et pays du monde ont la chance d’évoluer, d’apprendre, de collaborer et d’innover sans les restrictions des environnements fermés.

Montréal est un centre important de l’activité mondiale du Logiciel Libre et abrite de nombreux développeurs, et entreprises qui partagent cette idéologie. La semaine réunira des leaders de l’industrie, des enseignants et des étudiants de partout dans le monde pour une semaine complète. Plusieurs ateliers et séminaires seront prévus.

source: Texte descriptif fait par DigiBomb, traduit par Renoir Boulanger pour MonDev.org

A la recherche de présentations pour le MonDev

Au MonDev, nous sommes actuellement à la recherche de volontaires pour faire une présentation dans un format similaire au Ignite.

Chaque participant a 5 minutes pour présenter son sujet avec 20 écrans a 20 secondes par écrans.

Avec comme thématique les logiciels libres.

Pour participer!

L’équipe d’organisation du MonDev offre un horraire qui vous permet d’aller autant au Make Web Not War 2010 et au WebCom que d’autres événements connexes.

• Consulter l’horraire des activités de la semaine >
• Soumettre votre sujet pour les présentations pour le MonDev >

Un escargot avec sa maison par David Sones

Ça y est nous en sommes rendus là. Ça fait un bout qu’on est dans ce petit 5 1/2 et nous voulons voir si ce serait pas mieux ailleurs.

C’est super cool avoir un salon de la mort avec toutes nos choses installés pour travailler, nous voulons voir si il n’y aurait pas plus grand et plus central.

Ce qu’on cherche

Si vous avez des «plugs» pour un logement pour trois hommes, qui aurait:

• Trois grandes chambres
• Beaucoup de fenêtres
• Près du Centre-ville, ou sur le Plateau
• Endroits de stationement réservés possible
• Espace Laveuse-Sécheuse

Pour qui?

Nous trois, les Geeks: Stéphan, Etienne, et moi.

Vos suggestions

Contactez moi via le formulaire et je ferai le suivi avec chacun d’entre vous.

Lien wikipedia

Crédit: Spy Vs. Spy © Antonio Prohías

J’ai reçu hier une invitation d’amitié sur Facebook. Un prénom féminin que je ne me rappelle pas avoir connu. Pas de photos, ou presque. Au début je me suis dit que c’était une amie d’une amie. Car elle avait des amis communs aux miens.

J’ai quand même été curieux de savoir qui voulait m’ajouter et discuter avec elle.. vous savez, des retrouvailles!

C’est là que des clochettes se sont mises a sonner. Ça sent le profil bidon.

Ce qui est brillant de ce subterfuge c’est qu’une fois le profil bidon a des «amis», il peut «écouter» ce qui se dit et profiter des permissions de facebook “Allow friends of friends” qui peut permettre a BEAUCOUP de personne. C’est donc l’idéal, le profil bidon eut profiter de toutes les informations générés par les actions et pouvoir envoyer du «spam».

L’idée de ce billet est de partager avec vous les pistes que je suis généralement pour détecter qu’il s’agit d’une interaction électronique bidon pour sous-tirer des informations confidentielles.

Il faut comprendre que tout ceci n’est pas limité qu’a Facebook. Il s’agit ici encore d’une des plusieurs attrapes-nigauds qui sont tendus sur le web.

Pourquoi?

Je sais que c’est chose courrante car étant un homme célibataire dans la trentaine je suis une cible convoitée des annonceurs frauduleux de sites de rencontre à toutes les sauces. J’ai déjà même vu des vrais faux profils qui t’invitent a un site XYZ pour aller y discuter.  En m’envoyant un courriel.  Vraiment, on nous prend pour des cons.

Les raisons peuvent être multiples. Collectionner les adresses courriel et les noms. Avoir des données sur les habitudes et pouvoir y associer un courriel puis ensuite pouvoir y cibler des campagnes de marketing douteuses. Un seul acheteur sur mille… lorsqu’on essaie avec des millions de personnes ça peut être payant.

Ce qu’ils peuvent en tirer?

Si je continue sur le cas de facebook, les espions peuvent en tirer beaucoup de contenus! Ce qui peut vous en tirer c’est rapidement c’est d’entretenir dans «Amis uniquement».

Les paramètres de facebook se sont beaucoup améliorés justement a cet effet, il faut simplement prendre le temps de le faire.

Comment détecter?

Voici quelques unes de mes pistes…

Sur facebook

1. Une fille/gars sexy que tu n’a jamais connu tente de te contacter pour discuter
2. Aucune réelle activité dans son mur
3. Aucun résultats de jeux
4. Aucun statut
5. Une photo de très haute qualité et la seule de son profil. Aucune photo plus ou moins amateur.

En général

1. Écrit dans une langue douteuse avec des «m0t5 su bs7iu é5» (mots substitués)
   Quoi qu’aujourd’hui c’est beaucoup moins fréquent.
2. Vous correspondez uniquement en français et la communication est clairement remplie de fautes ou dans une autre langue.
   Celle là elle est facile!
3. Un courriel ou une communication qui vous invite a communiquer «plus facilement» sur un autre site qui est inconnu.
   Celui la je pourrai en parler longtemps. Surtout que le plus facile c’est le téléphone ou le courriel. Si une personne vous rejoint par courriel… pourquoi retourner sur un site communiquer?
4. Le courriel ressemble réellement a une invitation d’un site que vous utilisez (Phishing)
   Il arrive parfois de recevoir des invitations a se connecter au compte en banque d’une banque X connue mais que je sais pertinemment que je n’ai aucun avoirs.

Dialogue Facebook, Accès au Parametres de confidentialité

Dialogue Facebook, bouton Amis uniquement

Je crois avoir fait le tour de mes indices.

Comment éviter de se faire attraper?

Il n’y a pas de recettes miracle. Personnellement le simple fait de se tenir informé des méthodes qu’ils utilisent.

Suggestions, indices?

Si vous avez des idées, indices, suggestions, faites moi le savoir dans le fil de commentaires.

Mardi 2 Mars 2010 avait lieu la première soirée de Ignite Montréal. Il s’agit dune soirée ou les participants ont 5 minutes pour nous parler d’un sujet avec comme seul appui un micro et des diapositives avec 15 secondes par diapo. L’événement de Montreal est lune parmi plusieurs organises dans le monde par O’Reily Radar lors de la semaine #giw “Global Ignite Week“.

Le défi de traduit ainsi: “Éclaire nous, mais fait ça vite”

A la première vue je m’attendais a un autre événement de blogeurs et d’entendre parler que de web2.0 et médias sociaux: Je n’avai pas fait mes devoirs car la site avait fourni la liste des participants.

J’ai été très agreablement surpris et intéresse par la multitude de sujets.

En fait je ne l’ai pas réalisé avant mon entrée dans la salle de Sala Rossa j’ai vu sur scène Annie Dussault qui parlait de comment faire un Quin-zhee (un abri fait en neige). Elle venait tout juste de commencer sur scène. J’ai été frappé dès lors que ce soir on ne parlerait pas que du web(!!).

J’était surpris de voir Annie sur scène car je l’ai déjà rencontré dans un tout autre contexte. C’était une formation [Scoute] au District du Montréal Métropolitain.

Les sujets couverts

Il y avait ce soir la Jonathan Karpfen qui parlait des interfaces utilisateurs comment replacer Qui, quoi, quand, comment aux bons endroits. Il a surpris la salle avec un simple cercle sur fond blanc en disant: «The Nipple is the only intuitive user-interface».

The Nipple is the only intuitive user-interface
— Jonathan Karpfen

Max Finder qui expliquait comment a son avis le modèle des université est pas si merveilleux que ça et ce qu’il y a appris.

Il y en a eu plusieurs autres qui étaient tous très intéressants dans leur sujets.

Mon coup de cœur

Sylvie Aucoin qui a partagé avec nous son expérience de vie assez particulière car elle a vécu plus de 466 jours sans domicile fixe. Elle nous a expliqué comment se débrouiller dans la rue pour y survivre.

Ignite, c’est quoi?

Ce fut une soirée mémorable et une belle découverte. L’événement Ignite Montréal fait partie d’un événement global qui se déroule sur les six continents dans 65 villes du monde. Nous avons passé une très bonne soirée et nous comptons assister aux prochaines.

Sur la même soirée

• Article dans The Gazette
• Liste Twitter des speakers

Je suis actuellement en mode “Documentation” et je me suis dit que le web pourrait profiter d’un résumé, en français, du Jargon de l’univers Java.

Je ne suis pas un développeur Java mais j’ai eu a administrer des serveurs pendant 4 ans, et j’en fais encore aujourd’hui. Ce document résume ma compréhension des usages. Si vous avez des suggestions ou vous voulez me corriger, dites-moi le dans les commentaires et j’ajusterai mon billet.

Les versions

La majeure différence entre les Java réside dans leur version et ce qui y est distribué avec. La différence majeure réside entre

• JDK (Java Development Kit),
• JRE (Java Runtime Environement), et finalement il existe aussi la
• JME (Java Mobile Edition) pour les devices mobile.

C’est un peu comme une distribution Windows XP Professionnel ou Windows XP Media Centre.

Il existe plusieurs distributeurs d’environnement Java, notamment : IBM, SUN, OpenJdk. La norme et elles sont toutes basés sur la JVM de SUN Microsystems. L’inventeur de Java.

L’Avantage majeur de Java est le fait qu’il existe des distributions pour toutes les plateformes : Windows, Mac, Linux, Solaris, FreeBSD, etc.

Termes fréquemment utilisés

• « JVM » (Java Virtual Machine) est en fait l’appellation utilisée pour parler de ce qui est exécuté. Ce qui est ci-haut mentionné exécutent toutes des JVM… avec des classes (jar) différentes.
• « Jar » est en fait, grosso-modo, une archive zippée d’un dossier de classe.
• « Class » une classe compilée Java.
• « Container » est en fait ce qu’on appelle un Serveur applicatif. Bref, un serveur http qui roule les classes Java.
• « J2EE » est un accronyme qui peut être vue comme une spécification technique (penser ISO) fournie par SUN pour les standards d’environnement d’exécution (« Container »).

Serveur Applicatif

Il en existe plusieurs. La norme avec les logiciels suivant la tendance Open-Source utilisent la version Apache du container J2EE appelé Tomcat. Atlassian utilise Tomcat dans ses version « self hosted » distribués.

Il en existe d’autres comme Glassfish de Sun Microsystem, WebObjects de Apple, Tomcat de Apache Foundation, JBoss de RedHat, WebSphere de IBM, et bien d’autres.

Une classe

C’est quoi?. C’est du code java compilé.

La hiérarchie est faite en fonction du « namespacing » inspiré des standards du DNS. Une classe spécifique Java pour un WebService SOAP pour traduire du français au Klingon pourrait être appelé : i.e. com.renoirboulanger.startrek.klingon.soap.jar.

Suggestions

Je pense avoir fait le tour du sujet. Dites-moi dans les commentaires si j’ai oublié quelque chose d’important.

Il s’agit d’un plugin que j’ai fait, en PHP 4 il y a deux ans pour MODx 0.9.6.3, pour un site web et je pense qu’il vaut la peine que je partage le code avec la communauté.

Le plugin sert a entourer des mots définis dans un fichier CSV (séparé par des virgules) dans le contenu qui est retourné par le CMS.

LA SITUATION

Lorsque je travaillait sur ce site web, mon employeur et mon collègue nous étions donné comme objectif de paufiner l’Ergonomie et l’Accessibilité du contenu. Ce qui est dommage c’est qu’il n’a jamais été évalué par AccessibilitéWeb. J’ai pourtant reçu la formation pour évaluer les sites… mais je préfère, personnellement, programmer des applications.

LES CRITÈRES QUE CE PLUGIN REMPLIT

Lors de la réalisation du site je n’ai pas noté les points d’évaluation du WCAG 1.0 que cet utilitaire remplit, mais en gros, d’un point de vue utilisabilité :

• L’édimestre n’a pas a écrire à la main les balises ABBR, DFN, et ACRONYM, le plugin le fait tout seul;
• La liste est dans un fichier statique, ce qui rend facile, pour l’édimestre, d’ajouter de nouvelles définitions;
• Pouvoir automatiser le remplacement des abréviations dans des balises valides;

Cette liste ne parle pas des critères d’évaluations mais si vous voulez en savoir plus au sujet de l’Accessibilité; je vous recommande chaudement de visiter la «Base de conaissances» de la fondation AccessibilitéWeb.org qui a fait un IMMENSE EFFORT de vulgariation et de collaboration a l’élaboration du WCAG 2.0 et de sa version française.

EXEMPLE

Plutôt que d’écrire des paragraphes pour expliquer comment fonctionne le plugin, je vous propose de voir par un exemple

Le document CSV a plusieurs lignes similaires à…

1

fr;dfn;FAQ;Foire Aux Questions

Avec le contenu de la page il remplacera les occurences dans le document HTML généré (même après la cache):

1

(...) venez lire <strong>la FAQ</strong> (...)

En le transformant ainsi…

1

(...) venez lire <strong>la <dfn title="Foire Aux Questions">FAQ</dfn></strong> (...)

Le plugin est configuré pour faire cette transformation pour tout les mots définis dans le CSV au moment du rendu de la page chez le client (trigger MODx “OnWebPagePrerender“) ce qui évite d’avoir des définitions empilés.

UTILISER LE PLUGIN

On ne peut s’attendre à simplement installer le plugin et que tout fonctionne. Voici les prérequis pour pouvoir utiliser le plugin

• Au niveau 0 (enfant de la racine dans MODx) il y ait un répertoire servant à spécifier la langue de ses enfants.
• ContentAbbrGenerator (le plugin en question)
  Un plugin de base qui était fourni avec la version 0.9.6.x qui fournit le numéro ID de la page parent absolu
• Il faut 2 Snippet de code (fonctions PHP spécifique a MODx) pour utiliser mon plugin
  • Lang
    Sert, justement a aller chercher le ID de la page ci-haut mentionnée.
  • UltimateParent
    Un plugin de base qui était fourni avec la version 0.9.6.x qui fournit le numéro ID de la page parent absolu
• abbreviations.txt
  Le fichier CSV qui contient les valeurs pour le remplacement des balises. Le contenu de ce fichier peut être une page dans MODx (si mod_rewrite est activé) mais il doit être définitivement être disponible à l’adresse fournie dans le Snippet ContentAbbrGenerator définie par la variable de plugin “cagPluginAttrOverrideFileLoc“

TÉLÉCHARGER ET INSTALLER

Suivre les instructions dans chaque fichier de l’Archive

SOURCES ET CRÉDITS

J’ai pris soin dans le code de laisser les notes des auteurs qui m’ont inspiré avec les pages qui parlent de ce que j’ai utilisé pour produire le plugin. Je n’ai rien inventé en soi, j’ai simplement produit un plugin pour remplir le besoin que j’avait

NOTE

Vous avez le droit et la liberté d’utiliser le code que je rend disponible pour téléchargement car je n’ai pas mise sous licence. Considérez-le comme un don

A VOS COMMENTAIRES…

J’ai déjà considéré commencer a modifier ce plugin pour le rendre fonctionnel dans WordPress mais j’ai d’autres priorités. Alors, si vous avez un intérêt à ce que je produise un plugin pour WordPress ou MODx (pour la version courrante) laissez moi un commentaire!

Il s’agit d’une réalisation que j’ai effectuée en deux semaines pour RED L’agence. L’idée vient de François Sauvé lors d’une rencontre pour un autre projet. Il m’a dit: «J’ai une idée de fou. Je ne sais pas si on pourrait faire ça rapidement mais…».

C’est le genre de situation que j’aime!  Une question, la possibilité de me laisser aller, et hop!

RED voulait faire offrir un cadeau à chacun de ses clients privilégiés d’une façon hors de l’ordinaire. Les participants étaient invités a visionner leur cadeau par une petite carte de noël reçue par la poste (devant, dos) avec une adresse web et un code.

Le concept graphique était, selon moi, bien rendu. Un club échangiste avec les lumières tamisés, rien d’offensant mais tellement bien choisi pour le jeu.

Le site web devait permettre aux participants de voir leur cadeau et de pouvoir «Participer au club échangiste» en volant le cadeau d’un autre participant. Chaque participant qui se faisait voler son cadeau reçevait un courriel qui lui annonçait qu’il s’était fait voler et qu’il pouvait aller le récupérer.

Les échanges pouvaient avoir lieu jusqu’au 16 décembre 2009 à 23:59:59. Ensuite une page affichait pour dire que l’échange était terminé.

Le lendemain même, RED a préparé tout les cadeaux et les a envoyés avec une petite carte postale (devant, dos) et partait les cadeaux de chaque récipiendaire vers leur résidence.

PARTAGE DES TÂCHES

Je n’ai, évidemment, pas tout fait ça tout seul. En gros, je me suis occupé de l’application tandis que RED a fait tout le reste.

RED L’agence

RED à fait une grosse partie du travail dans ce projet: Le graphisme et le concept de tout le projet, l’intégration HTML, le Javascript, les deux cartes, les photos de chaque cadeaux, chaque description

Ma participation

J’ai planifié, rédigé les besoins techniques, les cas d’utilisations et programmé en utilisant symfony framework (v1.2 en PHP). Stéphan Champagne m’a accompagné pour ce qui concerne la normalisation de la base de donnée et les controleurs. Grâce à lui j’ai pu produire dans les temps une grande charge de travail a moi seul.

Ce projet arrivait dans un bon timing car j’était dans une passe où je ne voulait que coder pour passer ma certification ZCE (que je n’ai toujours pas). Je cherchait des petits projets pour jouer avec des frameworks PHP. Je crois que ce projet fut une réussite.

AU FINAL

Il y a eu plus d’une centaine d’échanges et beaucoup de plaisir pour les participants. J’ai su, ce week-end, que le projet club échangiste est en nomination au 17^e concours annuel «Le Grenier d’Or» pour le monde des communications.

Mise à jour du lendemain des Grenier d’Or: Durant la soirée, le projet a été mentionné lauréat plusieurs fois. Le projet a remporté un Certificat d’Excellence dans la catégorie JEU ET INTERACTIVITÉ.

PHOTOS