Projet Galaxie De L'Oeil Noir » Comment faire

Serveur VPN (Virtual Private Network) sur Windows 7

Simon Levesque — Wed, 28 Sep 2011 14:09:49 +0000

Sur Internet, plusieurs applications ne cryptent pas les données qu’elles envoient aux autres machines. Par exemple, le nom, le mot de passe et les fichiers transigés sur une session FTP sont envoyés en clair. Alors, comment faire pour accéder à ces services sur un ordinateur de bureau laissé à notre maison et pouvoir transférer les informations de manière sécuritaire?

C’est ici que le serveur VPN entre en jeu. Le but est de créer une interface réseau virtuelle sur laquelle tous les paquets sont cryptés. Concrètement, c’est comme si vous aviez une nouvelle carte réseau et que vous la branchiez sur un autre ordinateur. Dans ce cas, vous aurez une adresse IP uniquement pour cette interface et vous pourrez accéder à cet ordinateur. Par contre, étant donné que le serveur peut accepter plusieurs connexions, il agit plutôt comme un routeur et vous aurez accès aux services sur le serveur et sur les autres clients connectés.

Lorsque nous utilisons ce genre de technologies, il faut faire attention à bien l’utiliser. Dans le cas du VPN, les données cryptées sont seulement celles qui passeront par l’interface virtuelle, alors il faut prendre soin de communiquer avec les ressources du réseau privé avec les adresses IP de ce réseau.

Voici une vidéo pour montrer comment configurer le serveur et le client sous Windows 7 (aucun programme à télécharger):

Click here to view the video on YouTube.

Autres idées à faire avec un réseau privé:

Pouvoir imprimer à distance sur une imprimante partagée sur le réseau privé
Se faire un serveur IRC privé où tous les messages sont cryptés et donc une communauté secrète

Créer un PDF avec des images JPG

Simon Levesque — Thu, 22 Sep 2011 13:42:25 +0000

Hier, j’ai reçu mon magazine Imagine du réseau des ingénieurs du Québec et il y avait un petit papier disant que les prochaines parutions seront électroniques seulement à moins de spécifier que je désire recevoir la version papier. Cette version électronique peut être vue sur le iPad ou autre. Par contre, il n’y a pas de fichier à télécharger! Il faut absolument aller sur le site web. Cela veut dire qu’il n’est pas possible de le lire dans le métro hors des ondes cellulaires. C’est pourquoi j’ai tenté de trouver comment facilement obtenir ce magazine dans un format facile à utiliser avec un e-book.

Pour ce faire, je suis allé sur leur site principal http://www.reseauiq.qc.ca/fr/imagine.html et j’ai cliqué sur le numéro 11 d’automne. Cela m’a amené sur http://www.vdocshop.com/doc/imagine1/imagine—automne-2011/2011090101/#0. À partir de cette page, je peux voir leur logiciel s’ouvrir. Puis, avec Google Chrome dans le panneau pour les développeurs, l’onglet « Ressources » montre que les pages sont en JPG comme la première ici: http://cdn-as3.myvirtualpaper.com/i/imagine1/imagine—automne-2011/2011090101/zoom/page1_v1.jpg et la dernière là: http://cdn-as3.myvirtualpaper.com/i/imagine1/imagine—automne-2011/2011090101/zoom/page68_v1.jpg.

Les étapes étaient donc très simples: télécharger les pages en format JPG avec « wget » et les convertir avec PDF avec ImageMagick.

Le téléchargement avec « wget » se fait avec des lignes de commandes comme:

Ensuite, la conversion se fait avec:

convert -compress jpeg page1_v1.jpg page2_v1.jpg page3_v1.jpg magazine.pdf

J’ai tout mis cela dans un script Perl grab_imagine.pl. Il suffit d’écrire

./grab_imagine.pl (Url de la page où vous voyez l’application avec le magazine)
./grab_imagine.pl http://www.vdocshop.com/doc/imagine1/imagine—automne-2011/2011090101/#0

Et cela va obtenir toutes les pages tant qu’il y en a et ensuite convertir le tout en PDF.

Tester un site web avec un DNS qui pointe ailleur

Simon Levesque — Mon, 11 Apr 2011 14:37:27 +0000

Lorsque vous faites une migration sur un nouveau serveur, vous voulez pouvoir tester si le site fonctionne bien sur le nouvel hébergeur avant de faire le changement au niveau du DNS. Vous pourriez simplement entrer l’adresse IP dans la barre d’adresse de votre navigateur, mais étant donné qu’un serveur peut avoir plusieurs hôtes, il faut aussi que votre navigateur lui dise celui que vous désirez voir. Voici comment faire sur Windows.

Avec Windows 7, il faut que vous ouvrez « Notepad » en mode administrateur puisqu’il va falloir modifier un fichier système. Pour ce faire, cliquez droit sur « Notepad » dans le menu démarré et choisissez « Run as Administrator ».

Ensuite, ouvrez le fichier C:\Windows\System32\drivers\etc\hosts avec Notepad.

Vous pouvez ensuite dire un nom d’hôte avec une adresse IP. Si vous écrivez
« 127.0.0.1 www.pgon.ca »
dans ce fichier et que vous sauvegardez, quand vous irez sur « http://www.pgon.ca » avec votre navigateur, il se connectera sur 127.0.0.1 qui est votre ordinateur.

Freenet – Un Internet anonyme

Simon Levesque — Sat, 18 Dec 2010 02:15:04 +0000

[EDIT: Cet article est maintenant en format PDF, mis à jour et avec des informations supplémentaires]

Comment afficher un menu en HTML par-dessus un clip Flash

Simon Levesque — Wed, 15 Sep 2010 11:11:34 +0000

Un problème qui arrive souvent lorsque nous utilisons un player Flash dans une page web est qu’aucun autre élément HTML ne peut s’afficher par-dessus. Cela peut être un problème lorsque nous désirons avoir un menu qui apparaît et qui coïncide avec le player Flash. Voici la solution…

Par défaut, le paramètre wmode du player est à « window« . Cela signifie que le plugin va créer son propre endroit d’affichage. Il ne fait donc pas parti des éléments du navigateur, mais est affiché au dessus de ce dernier. C’est pourquoi il n’est pas possible d’avoir des éléments HTML qui vont par-dessus.

La solution est de le changer pour « opaque » ou « transparent« . Ces deux modes vont permettre d’afficher des trucs par-dessus le player. La différence est pour ce qui est en dessous du player si le player a des parties transparentes.

Maintenant, la question à 10$, « pourquoi par défaut ce n’est pas mis à opaque? ». C’est pour les performances: il est plus rapide qu’il soit séparé du navigateur et c’est plus rapide s’il ne gère pas la transparence. Dans la plupart des cas, il n’y a rien qui s’affiche par-dessus, donc tout va bien (ex: Youtube).

Dernière étape, où entrer ce paramètre?

Si vous avez un tag , vous mettez dans celui-ci
Si vous utilisez SWFObject, vous faites so.addParam(« wmode », « opaque »);

Plus d’information et une démo (en anglais) sur ce site

Concurrence en Java

Simon Levesque — Thu, 01 Jul 2010 05:00:45 +0000

Lorsque nous développons des logiciels, il est souvent utile que son exécution se fasse avec plusieurs fils d’instructions en parallèles. Par exemple, un serveur web doit pouvoir servir plusieurs utilisateurs en même temps plutôt que l’un à la suite de l’autre. En utilisant le parallélisme, ce modèle de programmation amène aussi quelques maux de têtes en ce qui a trait aux variables partagées puisqu’elles ne doivent pas être lues en même temps d’être modifiées.

Cet article porte sur comment créer des fils d’exécutions et comment utiliser des variables partagées avec Java.

Créer de la concurrence

Le choix le plus simple est de créer un Thread manuellement. Si par-contre, vous avez plusieurs tâches à exécuter et vous ne désirez pas créer un Thread par tâche (par exemple si vous en avez 2000, cela rendrait votre application totalement morte), vous pouvez utiliser un Executor qui se charge de créer un bassin de Threads et de partager l’exécution des tâches parmi ces fils.

Que ce soit en utilisant un Thread ou un Executor, vos tâches doivent implémenter l’interface Runnable. Si vous créez une classe de ce type, vous pouvez surveiller l’exécution de votre classe en vérifiant si le Thread associé est terminé. Le seul problème est que si votre classe est donnée à un Executor, il n’est plus possible de vérifier l’état de la progression aisément. C’est pourquoi, vous pouvez utiliser l’interface FutureTask à la place. Dépendant de ce que vous désirez faire, vous pouvez vérifier si le travail est terminé ou encore bloquer votre fil courant tant que la tâche n’est pas terminée.

Partager des variables en restreignant l’accès

Pour éviter plusieurs fils d’écrire/lire en même temps une même variable, il est possible d’utiliser plusieurs mécanismes de verrouillage. Le plus connu est le mot clé Synchronize qui peut être utilisé sur une méthode d’une classe ou sur un objet. En l’utilisant sur plusieurs méthodes, une seule de ces méthodes peut être exécutée à la fois. Ceci est donc bon lorsque toutes les propriétés d’une classe sont dépendantes entre-elles, sinon le verrouillage nuira aux performances. Pour bloquer des propriétés/objets selon quelle fonction accède à quelle objet, il faut utiliser le mot clé sur l’objet utilisé.

Si vous désirez limiter le nombre de fils qui peuvent accéder à une ressource quelconque à tout moment, vous pouvez utiliser un Semaphore. Cet objet est initialisé avec un nombre maximum de jetons à partager et tous les fils tentent de prendre un jeton et doivent peut-être attendre que l’un d’eux devienne disponible.

Partager des variables atomiques

Si vous n’avez de besoin que d’une simple variable (comme un nombre entier) auquel vous effectuez un incrément ou tout autre opération légère, il vous faut quand même barrer cet objet durant sa mise à jour puisque l’objet pourrait devenir invalide pendant qu’un autre fil veuille le lire. Verrouiller un objet prend du temps et c’est pourquoi vous pouvez vous en tirer grâce aux objets atomiques. Chaque opération effectuée dessus ceux-ci se fait assurément par un seul fil et elle sera obligatoirement complétée avant qu’un autre fil lui touche. Vous avez donc des AtomicInteger, AtomicBoolean, AtomicLong, …

Partager des listes

Les collections d’objets sont souvent une nécessité dans toutes les applications. Par contre, ces entités sont très capricieuses lorsqu’il s’agit d’ajouter ou d’enlever des objets qu’elles contiennent. Par exemple, si vous avez un itérateur et que vous effacez un item sans le faire par l’itérateur, ce dernier lancera une exception quand vous désirerez obtenir l’objet suivant.

Si vous faites plus souvent des lectures que des écritures sur vos listes, les performances seront gravement détériorées en utilisant des verrous. Vous pouvez utiliser des ConcurrentHashMap ou des ConcurrentLinkedQueue qui permettent de modifier leur contenu sans briser les itérateurs.

Linux from scratch

Simon Levesque — Tue, 04 May 2010 00:50:45 +0000

Après avoir joué un peu avec une distribution de Linux simple d’utilisation tel Ubuntu, il peut être tentant pour les plus geek d’entre-nous d’en apprendre un peu plus sur le fonctionnement interne de Linux. LSF est votre prière exhaussée.

Linux From Scratch est un document PDF qui vous explique comment créer votre propre distribution Linux en partant de rien. Vous apprendrez donc comment Linux démarre, roule le Kernel, etc.

Une fois votre système de base créé, vous pouvez commencez à installer les logiciels courant dont vous aurez besoin. Vous aurez aussi à installer tout plein de librairies pour que ces logiciels fonctionnent. Vous voulez en savoir plus sur ces librairies? Lisez le second PDF qui est encore plus volumineux et qui possède le nom très évocateur de Beyond Linux From Scratch.

Bonne lecture

Beyond Linux From Scratch

Wireshark: Comment fonctionne les suggestions de Google

Simon Levesque — Fri, 16 Apr 2010 01:00:51 +0000

Il peut être intéressant de savoir ce qui se transige entre les différents ordinateurs d’un réseau. Souvent, cela a comme but de démystifier un nouveau protocole pour lequel aucune documentation n’a été écrite ou encore, de savoir exactement ce qu’un programme envoie comme informations à l’extérieur de l’ordinateur. Par exemple, certains logiciels veulent que les utilisateurs participent à leur programme de qualité en permettant au logiciel de transmettre des données sur l’utilisation quotidienne de façon anonyme. Pour cette dernière idée, vous pouvez les croire sur parole ou encore …

Pour Linux, il y a tcpdump qui sauvegarde tous les paquets transigés sur le réseau choisi, mais il ne permet pas d’analyser un protocole qui englobe les données utiles. Un logiciel permettant cela est Ethereal.

Étant donné la grande masse de personnes sur Windows, cet article propose Wireshark qui permet la capture et l’analyse en mode graphique des paquets du réseau.

Wireshark est très simple d’utilisation. Il permet énormément de liberté et c’est pourquoi il a pleins d’icônes et de menus, mais les valeurs par défauts sont parfaites pour un débutant.

Une fois installé avec le pilote WinPcap fourni, il suffit d’aller dans le cinquième menu qui est « Capture », puis de cliquer sur « Interfaces… ». Une fenêtre avec toutes les interfaces est présentée. (Une interface est un périphérique tel une carte réseau avec ou sans fil). Il suffit d’appuyer sur « Start » et vous verrez les paquets arriver tant que vous n’allez pas dans « Capture > Stop ».

Important: la majorité des cartes sans fil ne permettent pas d’utiliser le mode « promiscuous ». Si vous faites « start » sur une telle interface, un message d’erreur apparaîtra. Il suffit d’appuyer sur « Options » avant de faire « Start » et de décocher cet option.

Une fois tous les paquets intéressant affichés, arrêtez la capture et commencez à cliquer sur chaque paquet pour voir son contenu. Wireshark possède une impressionnante librairie de protocoles connus et le paquet sélectionné est décomposé selon les protocoles encapsulant les données. Cette fonctionnalité peut paraître floue, mais lorsque vous voyez l’application en action, c’est assez intuitif et plaisant.

Dans le vidéo qui suit, vous verrez comment le champ de recherche dans Firefox communique avec Google pour obtenir des suggestions de recherches.

Click here to view the video on YouTube.

Créer un lecteur RSS avec FlashDevelop et Flex Builder

Simon Levesque — Sat, 30 Jan 2010 22:47:12 +0000

Après avoir parlé de ces deux logiciels, un payant et l’autre gratuit, je crois qu’il serait intéressant de vous montrer le feeling de chacun pour que vous puissiez vous en faire une idée sans les installer. En comparant ces deux vidéos, vous constaterez que Flex Builder permet d’être plus productif, mais si vous désirez développer des logiciels sans but commercial, 250$ ce n’est pas donné.

Voici les composantes utilisées dans ces vidéos:

DataGrid
TextArea
HTTPService
DataGridColumn
itemRenderer
LinkButton

Et les composantes utilisées seulement pour le vidéo de Flex Builder:

HBox
InputText
Button

Vous pouvez télécharger le code source de l’exemple FlashDevelop et Flex Builder.

Vidéo pour Flex Builder 3:

Click here to view the video on YouTube.

Vidéo pour FlashDevelop:

Click here to view the video on YouTube.

Créer une map pour Counter-Strike Source

Simon Levesque — Mon, 04 Jan 2010 06:00:00 +0000

Sommaire:

Ouvrir Hammer à partir de Steam
Créer une carte vide
Créer l’espace global
Ajouter les joueurs
Ajouter de la lumière
Créer de la vitre qui brise

Informations:

Lorsqu’une map est compilée, elle est automatiquement placée dans le répertoire: …\steam\steamapps\[Le id du compte]\counter-strike source\cstrike\maps

Click here to view the video on YouTube.