A force de travailler sur plusieurs environnement de projets il est venu le réflexe d’utiliser des Machines Virtuelles (VM) pour contenir mes espaces de travail. Avec ce type d’installation je peut partager avec mes collègues au bureau la même installation mais qui roule sur chacun de nos postes de travail.

J’en ai parlé plusieurs fois (dont ici, ici. Je le fait depuis 2007 même). L’idée de cet article est de vous montrer comment j’ai fait pour mon poste de travail Mac OS X.

Les particularités de cette procédure est que:

1. J’utilise la fonction de partage de dossier de VMware Fusion sur Mac OS X
   (Qui me permet d’avoir UN dossier dans le Mac et que la VM agit comme si c’était un dossier local)
2. J’ai essayé Netbeans pour développer en PHP (lien de téléchargement)
   (au lieu d’Eclipse… mais en fait, les programmes utilisés dans la VM n’ont pas d’importance)
3. J’utilise VMware Fusion (sur la même machine de travail) plutôt que VMware Server ou d’utiliser un serveur distant de VM (VMware server et/ou VMware ESXi).
4. (Pas illustré comment faire) Les dossiers que j’ai mis un label mauve (voir captures d’écran) sont des dossiers qui ne sont pas synchronisés dans le Timecapsule. Car ça sert a rien d’archiver des dossiers de travail qui sont déjà sauvegardés dans un gestionnaire de source (Subversion, eh oui, encore!)

Les avantages de cette installation:

1. Plus besoin de faire SCP, ni NFS, et sans FUSE (un mount (Wikipedia) mais, en SSH) pour partager entre les deux machines les dossiers
2. On peut l’installer sur un ordinateur portable et ne pas avoir a attendre d’être sur le réseau pour travailler
3. On peut sauver de l’espace disque en réduisant la taille des disques de la VM. Car l’espace de stockage des fichiers de travail sera dans les dossiers locaux du Mac.

Objectifs

• Pouvoir utiliser l’espace de stockage du Mac natif pour les fichiers de travail plutot que d’utiliser l’espace disque de la machine virtuelle.

Ce qu’il faut

• Avoir installé une VM sous Linux quelconque
• La VM doit être locale au Mac
• Une VM avec 10Go d’espace et moins est suffisant
• Réseau en mode «Bridged»
• Faire après une procédure similaire a NFS et d’avoir le meme uid et guid que le serveur

Procédure

Changer le uid et guid de l’utilisateur courrant

1. Vérifier quel uid et guid, sous Mac, dans Applications > Terminal

   1 2

   id uid=20001(renoirb) gid=20(staff) groups=20(staff),404(com.apple.sharepoint.group.3),204(_developer),100(_lpoperator),98(_lpadmin),81(_appserveradm),80(admin),79(_appserverusr),61(localaccounts),12(everyone),401(com.apple.access_screensharing),403(com.apple.sharepoint.group.2),402(com.apple.sharepoint.group.1),406(com.apple.sharepoint.group.5)

   Note sur le Mac, c’est 20001

2. Se connecter a la VM locale, et y créer un compte backup pour effectuer les opérations

   1 2 3 4 5

   ssh 192.168.0.100 sudo - adduser patateuser ... usermod -a -G admin patateuser

1. s’y déconnecter et se reconnecter

   1 2	exit ssh patateuser@192.168.0.100

2. Savoir son user id sur la machine Linux

   1 2	id uid=1000(renoirb) gid=1000(renoirb) groups=4(adm),20(dialout),24(cdrom),46(plugdev),105(lpadmin),119(admin),122(sambashare),1000(renoirb)

   Note sur la VM, c’est 1000

3. Changer les permissions du dossier user vigr et vipw
   Commandes a faire en root, puis en vim pour modifier le uid d’un usager

   1 2 3 4 5

   sudo -s vipw ~ :%s/1000/20001/g :wq

4. Changer les permissions du /home/PATATEUSER
   Avant de faire le chown il faut s’assurer en regardant a l’intérieur du homedir cible à la VM si il n’y a pas un alias vers autre chose. Question de ne pas changer les permissions de d’autres fichiers dans l’arborescence et affecter ailleurs que dans le système

   1 2	cd /home chown -R renoirb:renoirb renoirb/

   Attendre …

5. Tenter de se reconnecter DANS UN AUTRE SESSION SSH

   Pourquoi?

   Parceque si quelque chose de malencontreux se serait produit durant le chown, le login ne pourrait pas marcher

   1	ssh renoirb@192.168.0.100

6. Croiser les doigts
7. Tester si le ID est changé

   1 2	id uid=20001(renoirb) gid=20001(renoirb) groups=4(adm),20(dialout),24(cdrom),46(plugdev),105(lpadmin),119(admin),122(sambashare),20001(renoirb)

   Good!

Partage dossiers entre le Mac et la VM Linux

Idéal pour utiliser l’espace disque Mac pour y stocker des documents de travail utilisés a l’intérieur de la VM.

1. Lancer VMWare Fusion
   

   Panneau de paramètres VMware Fusion pour Mac OS X

2. Aller dans Settings > Sharing (Partage)
   

   Panneau paramètres VMware Fusion pour Mac OS X écran Partage

3. Ajouter le partage désiré (le petit +)

   Recommendation

   Pour éviter tout risque de souçis de chemins entre les deux machines. Ne pas utiliser un dossier avec des espaces.

4. Aller dans la VM

   Tunnel X11

   L’idée du Tunnel X est pour permettre de rouler une application locale (a la VM) a l’extérieur (donc afficher sur le Mac).

   1	ssh -X renoirb@192.168.0.100

5. Lier le dossier partagé du Mac a un dossier local a la VM (workspace)… Sur la VM

   1 2	sudo -s ln -s /mnt/hgfs/workspace/ /home/renoirb/workspace

6. Exécuter le programme distant

   1	netbeans &

   Note Le «amperstand» (& ou perluet) sert a préciser que le programme roulera en arrière-plan.

7. Configurer l’outil de développement pour qu’il puise ses fichiers de travail DANS /home/renoirb/workspace

   Note

   Netbeans n’utilise pas le meme type de chemin et c’est différent d’un outil de développement a l’autre.

8. Résultat
   

Références

• http://laurentbois.com/2008/04/26/install-ubuntu-804-using-vmware-fusion-on-mac-os-x/
• http://www.cyberciti.biz/faq/howto-linux-add-user-to-group/

Ce que j’avait pas pensé c’est que je trouverait de la demande pour des tâches pointues et qu’on devait  «faire marcher». L’une d’elles a été fait, justement, pour un ami que je respecte beaucoup: Geoffroi Garon.

Avec sa permission je publie ici comment j’ai réglé un petit bug Javascript. Rien d’extraordinaire mais quand même bête lorsqu’on s’attend a ce que de quoi fonctionne qu’on a acheté et qu’il ne fonctionne pas. Finalement, tout juste avant de publier ce billet, j’ai réalisé que, l’auteur (@ftolgacan) a réparé le code. Comme quoi j’ai pris trop de temps avant de le publier.

Il s’agit d’un thème adapté qui a été acheté sur ThemeForest pour un site fait en WordPress. Étant donné que le thème fourni n’a pas vraiment d’endroit ou proposer les correctifs j’ai décidé de publier sur mon blogue.

Je contribue en français mais ferai une courte explication de ma correction en anglais sur l’item précis sur le site officiel.

Explication du problème

Lorsqu’on achète un thème on s’attend a ce que tout fonctionne… même avec les choses qu’on peut configurer dans le paneau d’administration. D’un point de vue fonctionnel… ça fait du sens.

Dans le cas ici ce n’était PAS le cas.

Le problème était le suivant. Une fois avoir modifié une liste d’items dans le catalogue utilisant le panneau de contrôle de WordPress. Un mini javascript permettant d’avoir une liste avec Tabs (a droite).

Mais les autres «tab» ne fonctionnaient pas et on ne comprenait pas pourquoi.

C’est là que j’ai intervenu.

Explication de la problématique

Le problème consistait a la génération des attributs id=”" une liste UL avec un thème et où le thème allait chercher ses valeurs du id. Ci-bas on voit comment Firebug voit le code généré.

Les elements de la liste (LI) avec l'attribut id (exemple: id="technical_details") est générée à partir d'une variable qui utilise le input d'un usager (dans le panneau de contrôle WordPress) qui n'a aucune idée de l'incidence possible de son entrée (espaces, accents, etc).

Cet exemple de code (ci-haut) est fonctionnel. Mais dans le cas du client, les <div id="" />  de la liste <div id="content" /> avaient des noms qui provenaient du nom de l’item (je ne peut illustrer où ils prenaient la valeur… je n’ai plus accès pour faire une capture d’écran).

La solution au problème

Au lieu d’utiliser un input de l’usager comme id d’une liste. Utiliser le fait qu’on sait que le <div id="tabs" /> a deux enfants… <div class="product_tabs" /> (avec une liste ordonnée… pour les boutons qui seront transformés en «tab») et <div id="content" /> (qui a une liste dans le même ordre que “product_tabs”). J’ai donc utilisé ce concept.

Le code

Comme c’est étrange. J’ai écrit ce billet que j’ai commencé en Mai lorsque j’ai eu a faire le petit travail. Depuis le temps, le développeur a réglé le problème. Ce que vous voyez de commenté (précédé par // et en vert) dans “Le code original” est ce qui était utilisé en jQuery.

J’ai donc trop pris de temps avant de publier ma solution

Le code original

Près de la ligne 107 dans ce fichier.

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

//product tabs
	$(document).ready(function(){
			var tabs= $("#tabs ul li");
			var content = $("#tabs #content");
			var kids = content.children();
			kids.attr("style","display:none;");
			$("#tabs #content div:first").attr("style","display:block;");
			tabs.click(
				function(){
//					var show=$(this).attr("title");
					var show=$("#tabs ul li").index(this);
 
					//change clicked tab class
					$("#tabs ul li").removeClass("active");
					$(this).addClass("active");
					//view clicked tab content
					kids.attr("style","display:none;");
					content.slideUp(400);
					$(function(){
						content.slideUp(400);
//						$("#"+show+"").attr("style","display:block;");
						$("#tabs #content div:eq("+show+")").attr("style","display:block;");
						content.slideDown(400);
					});
				}
			);
	});

Le code tel qu’il est aujourd’hui a la ligne 10 et ligne 21 (qui est commenté mais qui n’était pas comme ça avant) illustre qu’il utilisait l’attribut title.

Le code remplacé par

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

//product tabs
	$(document).ready(function(){
			var tabs= $("#tabs ul li");
			var content = $("#tabs #content");
			var kids = content.children();
			kids.attr("style","display:none;");
			$("#tabs #content div:first").attr("style","display:block;");
			tabs.click(
				function(){
					var show=$("#tabs ul li").index(this);	
					//change clicked tab class
					$("#tabs ul li").removeClass("active");
					$(this).addClass("active");
					//view clicked tab content
					kids.attr("style","display:none;");
					content.slideUp(400);
					$(function(){
						content.slideUp(400);
						$("#tabs #content div:eq("+show+")").attr("style","display:block;");
						content.slideDown(400);
					});
				}
			);
	});

Ici c’est le code que j’avait donné a Geoffroi le 31 mai dernier.

Finalement

J’ai pris trop de temps pour publier mon billet de solution et il a été corrigé. Tant mieux!

Nous travaillons (m’incluant avec devLAB Montréal) avec digibomb (Brendan) pour la planification de ces deux événements et j’aimerai contribuer ce que j’ai appris de l’expérience.

J’en profite pour traduire en partie le billet de Brendan (en ajoutant mes notes personnelles) car il l’a tellement bien décrit

MonDev

L’idée était simple. Faisons-voir les membres de la communauté des logiciels libres pour une semaine d’événements et savoir où aller. Nous n’avions pas beaucoup de temps ni de budget.

Note de Renoir: C’est vrai qu’on avait pas de budget. Le besoin de «Get Togethers» lors de semaines d’événements semble être de quoi d’ignoré. Je crois que nous avons atteint l’objectif primaire: diriger les visiteurs et les locaux qui veulent avoir du fun avec nous.à

Ce qui est arrivé cette semaine là

Une liste très codensée de ce qui s’est passé durant la semaine.

• #DEVTrain (aussi connu sous le nom de #nerdtrain) – des gens de Toronto qui venaient passer la semaine à Montréal dans une cabine de VIA Rail réservée pour eux seuls. C’était une initiative de Microsoft. Ils avaient même un tracker GPS, des XBox pour jouer et tout ce qu’un train de Geek peut imaginer!
• YulBiz Spécial WebCom – (mon ajout personnel) – YulBiz est une communauté d’entrepreneurs blogeurs francophone de Montréal. J’y vais depuis plus d’un an et j’y ai rencontré beaucoup de gens passionnés et intéressants. Le soir du «MonDev Open Source Demo Camp» il y avait ausi une rencontre. J’ai donc passé dire bonjour a plusieurs YulBiz-ers mais je n’ai pas pu rester longtemps
• WebCom Montréal – Une conférence sur le Web 2.0 et l’entreprise organisé par quelques YulBiz-eurs. Une journée vraiment le fun ou l’on mélange réseautage, entrepreneurship, et vulgarisation. Je trouve personnellement l’équipe de WebCom généreuse car ils ont offert 100 entrées gratuites pour les participants au WebCamp.
• «MonDev Open Source Demo Camp» – Une soirée à-la-Ignite où nous parlions de nos projets! Nous avons même joué a un jeu de PowerPointKaraoké un jeu qui consiste a improviser une présentation avec une série aléatoire de pages de présentations.
• WebCamp – une forme d’anti-conférence non-formelle avec des gens du web a Montréal, des passionnés et vivent du web pour discuter ouvertement. (pour en savoir plus sur le format, voir la page Wikipedia)
• «StartUpDrinks Montreal» – C’est une rencontre mensuelle de réseautage libre organisé par la communauté anglophone d’entrepreneurs Montréalais.
• «Make Web Not War» – La première conférence Canadienne sur l’inter-opérabilité multiple-plateforme. Une conférence ou on pouvait y voir des techniques de travail et des technologies et illustrer autant le point de vue de la communauté des logiciels libres que de Microsoft.
• Le «CodeFest» – Organisé par (nous) devLAB Montréal, et PHPQuebec sponsorisé par Windows Azure. Nous avions accès a plusieurs licences WindowsAzure et nous avons joué avec la technologie.
• «FTW! Coding Competition» – showdown featuring #findahome, #tholus, #taxicity
• Twitter Wall – Une application qui avait été utilisée durant le Make Web Not War pour afficher dynamiquement les Tweets. Produit par  Jet Cooper
• TruceParty (après Make Web Not War) au Jello Martini Bar & Lounge – il y avait même un repas fourni par Schwartz. Tout pour faire découvrir aut Torontois les merveilles de Montréal.

Tout ceci s’est déroulé en quatre jours (!!).

Des découvertes

J’ai personnellement eu l’honneur de rencontrer des gens très intéressants que j’ai envie de vous présenter ici:

NVI Solutions

Une gang qui a d’lair bien agréable et compétente qui a produit le site de Make Web Not War.

La communauté Port25.ca

Une équipe dédiée chez Microsoft Canada qui se donne comme mission d’écouter la communauté des logiciels libres pour comprendre le marché et améliorer sa position. J’ai su, grâce a eux qu’ils offrent plusieurs de leurs outils gratuitement aux entrepreneurs avec BizSpark et WebsiteSpark.

YouPhonics

J’ai rencontré Aidan Nulman qui m’a parlé de son démo de Mix en-ligne basé en flash appelé

PHP Québec

Je connais Yan Larrivée et Anna Filina que depuis un an et j’admire le travail qu’ils ont effectués toutes ces années avec les conférences PHPQuébec et le nouveau Confoo. C’est un groupe a suivre!

Guelph Coffee and Code

Un groupe que je compte suivre de près. Ils rassemblent des passionnés des logiciels libres dans la région de Guelph en Ontario. J’ai en rencontré Cory Fowler: «we have to catch up and do some more stuff»  ;)

Les volontaires qui nous ont aidés

Brendan Sera Shriar - Instigateur original

Le prochain MonDev

Je vous tiendrai au courrant du prochain événement.

Quelques photos

Aussi, voir celles sur Flickr! Ici quelques unes de mes favorites

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 >';

Ceci est une traduction libre du billet originalement écrit en anglais, par Nik G. de Microsoft Canada sur le blogue Port25.ca et j’ai eu envie de le traduire pour la postérité.

Je le traduis car Microsoft tente de faire un changement radical vis a vis son approche avec la compétition et le Logiciel Libre et je pense que ça vaut la peine d’en parler.

Étant premièrement un francophone et que Microsoft ne traduit pas nécessairement tout ses billets, je désire traduire et vous afficher mon point de vue. Ce mouvement est si radical que je pense qu’ils pourraient profiter de mon opinion; le point de vue d’un partisan du Logiciel Libre. tout ceci dans le but qu’ils puissent, éventuellement, mieux nous comprendre.

Je n’ai tiré aucun bénéfice financier de la part de Microsoft pour faire cette traduction et de parler de leur stratégie.

Cette intervention fait suite au Make Web Not War ma rencontre avec une équipe passionnée et a l’écoute qui semble déterminée a comprendre notre différence et pouvoir appliquer chez Microsoft. Seul l’histoire nous dira s’ils réussiront leur tentative.

A propos de la traduction

J’aimerai rappeler que je ne suis pas un traducteur professionnel; d’où la mention de “traduction libre”. Je me suis donné comme mission sur mon blogue de contribuer qu’en Français pour faire profiter mes pairs francophones qui ne comprennent pas l’anglais. Si j’y ai fait des fautes, vous pouvez me le faire savoir dans les commentaires, j’ajusterai

Article traduit

Microsoft qui contribue a des projets de Logiciels Libres? Distribuer des applications PHP avec sa propre plateforme? Supporter PHP sous Windows? Permettre de déployer WordPress sur Azure? Organiser Make Web Not War et à la la semaine du Logiciel Libre MonDev?

Est-ce que l’«empire» s’adoucit? Est-ce un plan diabolique de conquérir le monde.

Alors C’est quoi le vrai objectif de Microsoft de faire tout ceci.

Quelques uns disent que c’est pour l’amour de la technologie, pour aider les programmeurs et les designers web (N.D.L.T: parlant de BizSpark). D’autres pensent que Microsoft est désespéré, et qu’ils sont forcé sur le chemin du Logiciel Libre. D’autres comme les gens de la communauté des Logiciels Libre comme ceux avec qui Microsoft Canada contribue: PHP Quebec, Impress CMS, TikiWiki, Vanilla Forums, Status.net, PHUG et plusieurs autres, disent que c’est bon pour leur projets et leur permet un nouveau spectre d’exposition. Particulièrement dans les boîtes pro-Microsoft.

Tout ceci fait que du bon sens d’un point de vue Affaires. On ne peut contredire son bienfait.

La réalité d’aujourd’hui avec les environnements informatique hétérogènes et les consommateurs qui désirent avoir la meilleure expérience possible. Les gens veulent pouvoir trouver, déployer et gérer leur logiciels a leur façon, rapidement et facilement. Les Logiciels Libres prônent principalement le partage, la collaboration, et le travail d’équipe en regard du bénéfice de l’usager final. C’est pour cela que Microsoft désire participer en collaborant sur les projets comme d’autres organisations et compagnies le font déjà. Ça ajoute simplement de la valeur à la plateforme, rend les consommateurs heureux, et crée de liens avec des partenaires intéressants. Tout le monde gagne.

C’est aussi pour ça que Microsoft a libéré certains de ses produits sour la bannière BizSpark. Pour aider a faire grandir les communautés de développement et permettre de pouvoir faire plus d’affaires pour les développeurs qui gagnent leur vie avec le développement et l’usage de logiciels libres. (N.D.L.R: dire, personnellement, que j’utiliserait tout leur produits pour développer serait pousser loin. Mais j’aime qu’ils en fassent l’effort).

C’est pour toutes ces raisons que Microsoft Canada a formé une petite équipe mais “Agile” qui travaille à construire des relations avec les développeurs de Logiciels Libres et leur communautée. L’idée est d’apprendre et de compléter l’offre de chacun. Tout ceci dans le but d’améliorer l’expérience utilisateur et de permettre l’Inter-opérabilité entre les plateformes.

“Ouvert” signifie aussi d’être ouverts aux commentaires provenant de la communauté et Microsoft s’engage a être honnête et franc avec leur réponse.

(…) (N.D.L.T: Le reste de l’article est ciblé aux gens qui étaient présents durant le Make Web Not War pour discuter en personne avec eux et sur Twitter. J’ai moi même discuté avec eux et apprécié les échanges.)

Mon commentaire sur leur blogue

J’ai répondu a leur demande de commentaire sur leur blogue public de la façon qui suit:

Publié sur port25.ca le 27 Mai 2010, par moi même.

Soyons franc dès le départ. J’utilise Linux dans ma vie de tout les jours depuis 2003. Pour moi, mes machines sous Windows (virtuelles ou physiques) ont majoritairement été fermés et non utilisés (mis a part pour les tests de navigateurs). J’ai fait ce choixcar j’aime que mon ordinateur agisse (assume) que je suis intelligent, par défaut.

Mis à part de cela, j’ai fait une quantité considérable de sites web et j’ai eu beaucoup de difficulté et perdu beaucoup de temps a faire des conditions spécifiques pour les navigateurs Microsoft. Tout ceci pour des raisons historiques et déplorables.

Je ne suis pas le seul qui a passé a travers cet enfer.

Je pense que ça illustre la relation sentimentale que j’ai envers les produits Microsoft.

Je pense que Microsoft fait, enfin (!), cette initiative pour nous écouter, nous, ces gens qui savent comment utiliser les ordinateurs. Mes expériences du passé et mon opinion (comme celle de plusieurs autres partisans du logiciel libre) pourrait faire grandement bénéficier Microsoft.

Parceque le logiciel libre c’est justement a propos du partage.

Les industries et les grands noms ont avantage d’écouter la communauté parceque c’est elle qui permet de créer les standards pour pousser l’innovation et faire fonctionner toutes sortes de choses ensemble.

Sans ça…

Les trains n’auraient pas pu traverser les pays.

Le web n’aurait pas existé sous cette forme… Si il aurait été propriétaire, la communauté en aurait développé un équivalent libre de toute façon (!).

… Je crois que vous comprenez mon idée.

Nous nous devons de “Faire marcher les choses ensemble” pour atteindre un plus grand objectif qui dépasse le bénéfice d’une seule entitée. Ça permet un accès harmonisé des données, crée une compétition qui pousse a l’amélioration, et ainsi de suite.

Alors, je pense que l’initiative de Port25 et Make Web not War de Microsoft est d’atteindre tout ceci. (Enfin, je l’espère)

Alors, santé! et faison la paix

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. L’idée du MonDev est de lister les événements et de créer une liste de tous les événements qui pourraient intéresser les visiteurs qui viendront pour le Make Web Not War/FTW! et/ou le WebCom et/ou le WebCamp puissent savoir où aller d’autre durant les autres jours lors de leur séjour à Montréal.

Horraire mis à jour

L’horraire de la semaine a été mis à jour ce-matin. Il s’agit de la version originale anglaise.

À propos de la langue

Ça peut sembler étrange mais l’événement est voulu comme étant bilingue à la base. Autant au Make Web Not War (ils publient des billets dans leur blogue dans les deux langues), que le MonDev.

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

Ce micro-site était une manière d’afficher aux citoyens de la Ville de Sherbrooke les ressources disponibles (en 2006) pour participer aux précautions relatives aux matières résiduelles domestiques et commerciales du territoire. Le site actuel est maintenant partie intégrante du portail officiel.

Le travail avait été donné a Tatou communication visuelle de s’occuper du projet et Inexis Solution Web Inc était l’exécutant qui devait intégrer les maquettes graphiques pour les transformer en documents HTML.

A propos du projet

Le but de ce site était de faire une version web du dépliant qui a circulé dans la ville pour faire savoir aux citoyens les mesures rendues disponibles par la ville.

Le site n’a pas duré très longtemps car un an et demi plus tard, environ, la ville a fait sa mise a jour majeure pour la version actuelle et a inclus tout ses micro-sites.

Captures d’écrans

J’ai pensé vous fournir mes switch préférés.

Sortir les options du .htaccess

Il est recommandé d’utiliser un pannel pour les configurations. Question de sécurité, permettre a tout le monde de modifier le serveur apache par un .htaccess, c’est dangeureux. Alors, j’ai mis la syntaxe pour l’ajouter au bloc du <VirtualHost/> directement.

Sous ISPConfig Simplement aller dans “Sites”, choisir un domaine, puis “Options”.

Configurations

Redirect de tout les domaines

Ça permet d’éviter d’avoir l’indexation sur n’importequel domaine que celui voulu. Personnellement je n’aime pas les domaines www.truc.com car ça rallonge. Mais beaucoup de monde utilise encore cette syntaxe… alors j’utilise un bloc mod_rewrite

1
2
3

RewriteEngine On
RewriteCond %{HTTP_HOST} !^renoirboulanger\.com
RewriteRule ^/(.*)         http://renoirboulanger.com/$1 [R=301]

Ajouter au bloc <VirtualHost/> du site.

1

AddDefaultCharset utf-8

MySQL

Généralement (Debian et Ubuntu) dans “/etc/mysql/my.cnf”

1
2
3
4
5

[mysqld]
default-character-set=utf8
~
[mysql]
default-character-set=utf8

Augumenter la mémoire PHP

Parceque WordPress semble partir des fois en balloune… j’aime mieux le configurer dans le bloc <VirtualHost/> par site qui vit ce problème.
{code:title=Dans ISPConfig, Sites, sitename, Options}
php_value memory_limit 56M
{code}

Il est possible que le serveur apache ne considère pas les fichiers doc sur le serveur comme étant des fichiers office. Normalement un navigateur téléchargera le fichier et ouvrira avec le programme qu’il considère comme étant le bon.

A moins que l’ordinateur du visiteur ait pas de bonne association de fichier, dans ce cas, on peut rien y faire.

Pour aider, on peut annoncer au serveur web les associations MIME.

Le problème avec cette méthode qui ne sert presque a rien, c’est que ça ne changera rien si

1. Le visiteur n’a pas de bonne association sur son système d’exploitation
2. Le visiteur n’a pas Microsoft Office 2007 ou Open Office

Procédure

Copier-coller ce bloc dans un ou encore dans l’un ou l’autre:

• le .htaccess du site qui contient les fichiers a télécharger, exemple: public_html/
• le <VirtualHost/> dans le <Directory> associé.

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

AddType application/vnd.ms-word.document.macroEnabled.12 .docm
AddType application/vnd.openxmlformats-officedocument.wordprocessingml.document docx
AddType application/vnd.openxmlformats-officedocument.wordprocessingml.template dotx
AddType application/vnd.ms-powerpoint.template.macroEnabled.12 potm
AddType application/vnd.openxmlformats-officedocument.presentationml.template potx
AddType application/vnd.ms-powerpoint.addin.macroEnabled.12 ppam
AddType application/vnd.ms-powerpoint.slideshow.macroEnabled.12 ppsm
AddType application/vnd.openxmlformats-officedocument.presentationml.slideshow ppsx
AddType application/vnd.ms-powerpoint.presentation.macroEnabled.12 pptm
AddType application/vnd.openxmlformats-officedocument.presentationml.presentation pptx
AddType application/vnd.ms-excel.addin.macroEnabled.12 xlam
AddType application/vnd.ms-excel.sheet.binary.macroEnabled.12 xlsb
AddType application/vnd.ms-excel.sheet.macroEnabled.12 xlsm
AddType application/vnd.openxmlformats-officedocument.spreadsheetml.sheet xlsx
AddType application/vnd.ms-excel.template.macroEnabled.12 xltm
AddType application/vnd.openxmlformats-officedocument.spreadsheetml.template xltx

source:Webdeveloper.com