Projet Galaxie De L'Oeil Noir » Programmation

WebMotion: Une petite plate-forme web pour Java

Simon Levesque — Sat, 31 Dec 2011 19:09:47 +0000

Récemment, j’ai commencé à me créer une petite librairie Java qui me permettrait de configurer un mini site web rapidement. Je voulais pouvoir décrire des chemins URL avec des paramètres et recevoir toutes ces informations. J’ai commencé ce projet étant donné qu’utiliser une plate-forme plus complète comme Spring MVC nécessitait trop de configuration pour le mini site web désiré. Par contre, je ne savais pas que j’avais mis un lien dans mes favoris à regarder plus tard: une autre librairie déjà existante et qui fait exactement ce que je désire et qui se nomme WebMotion.

Cette librairie permet de faire un mapping des URL avec les paramètres désirés et de décider comment afficher cette page. Il est possible de rediriger vers une autre URL, afficher une page JSP, activer une fonction Java qui va pouvoir ajouter des objets et ensuite afficher une vue et bien plus. Cette librairie peut aussi générer du JSON ou XML automatiquement, ce qui permet de créer des services web ou des webapps avec AJAX.

Le tout se veut le plus petit possible et les fonctionnalités se limitent à cela. Nul besoin d’un énorme attirail pour n’utiliser finalement qu’une infime partie (cas de Spring MVC dans mon cas). J’ai bien hâte de tester ce bout de technologie.

Expert SEO, titre inutile

Simon Levesque — Mon, 19 Dec 2011 23:03:31 +0000

Durant mon année de consultant à mon compte, j’ai vu plusieurs demandes d’experts SEO (Search Engine Optimisation) et j’ai eu plusieurs clients qui me demandaient si j’étais un expert SEO. Ma réponse à ces demandes était tout simplement de dire que ça n’existe pas. Il n’y a que de bonnes pratiques de développement et pour le reste, s’il y a un expert qui promet un référencement d’enfer, c’est qu’il a certainement des pratiques douteuses qui vont rapidement faire monter le référencement, mais tout aussi rapidement faire bannir le site web des moteurs de recherches. Il y a longtemps que je voulais écrire cet article et disons que la confirmation de mes propos par Google (Good Content Trumps SEO) tombe à point.

En gros, le contenu est ce qu’il y a d’important. Si personne n’est intéressé à votre contenu, faire du SEO n’aidera en rien.

Ensuite, je disais qu’il y avait de bonnes pratiques de programmations. Il ne faut pas oublier que les moteurs de recherches vont fouiller votre site de fond en comble, mais s’ils ne peuvent pas trouver votre contenu, alors c’est foutu. Pour les aider, il faut:

Avoir des liens qui mènent à toutes les pages de votre site
Que le contenu soit disponible en regardant le code source de votre page

Si un menu est affiché uniquement avec une requête AJAX en JavaScript, ces liens ne seront pas connus du robot
Si le contenu texte d’une page est obtenu avec une requête AJAX, la page va être vide pour le robot

Avoir du code HTML valide. Ce n’est pas 100% obligatoire, mais ça aide à avoir de bonnes pratiques et à ne pas oublier de détails importants. Vous pouvez voir la validité d’une page avec le Valideur de W3C

En plus des bonnes pratiques de programmation, il faut aussi que votre site soit connu pour être affiché et monter dans les rangs. Vous pouvez toujours aller sur le site de Google, Yahoo, Bing et autres pour entrer manuellement votre site dans leur moteur de recherche, mais c’est totalement inutile si votre site est affiché sur un autre site que ces moteurs de recherche connaissent. Par exemple, j’ai toujours fait un petit article sur les projets que j’ai fait pour mes clients. Quand les robots de Google viennent voir mon site, ils vont voir celui de mon client aussi et vont automatiquement le scanner. Plus un site a de liens légitimes pointant vers lui, plus cela va l’aider à se démarquer lorsque les recherches retournent du contenu de plusieurs sites.

Maintenant, si vous voulez des exemples de mauvaises pratiques qui pourraient vous faire monter et vous faire bannir, en voici quelques-unes:

Afficher votre site dans des commentaires de blogues, sur des forums et autres endroits où c’est totalement hors contexte. C’est du SPAM et les moteurs de recherche n’aiment pas ça du tout.
Ajouter du contenu invisible sur votre page. Par exemple, vous pourriez créer un paragraphe qui sera caché par du JavaScript et qui ne fait qu’ajouter des mots clés non pertinents à votre page. Le visiteur ne verra pas le texte, mais les moteurs de recherches et leurs résultats oui. Vous allez décevoir bien des visiteurs en leur mentant ainsi.

[EDIT]Pour les mauvaises utilisations, il y a aussi l’achat de liens qui ressemble un peu à afficher un site dans plusieurs endroits. Pour ce cas particulier, c’est justement écrit que c’est une violation du guide d’utilisation de Google et que les sites fautifs seront sanctionnés. Google Chrome a justement été puni pour avoir fait cela.

La session sécurisée sans HTTPS

Simon Levesque — Thu, 07 Jul 2011 18:53:16 +0000

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

Intrégration de SpringSource, Spring MVC, Hibernate, MySQL et Tomcat

Simon Levesque — Mon, 13 Jun 2011 17:26:35 +0000

Utiliser plusieurs librairies pour programmer accélère grandement le développement d’applications en n’ayant pas à recoder plusieurs fois les mêmes fonctionnalités. Par contre, il arrive que la configuration initiale d’un environnement qui inclut toutes ces technologies soit très fastidieuse surtout pour les nouveaux arrivants. J’ai créé un petit projet exemple avec une vidéo explicative pour l’intégration de tous les outils. Pour une liste de ce que chaque technologie fait, continuer la lecture.

Tomcat

C’est un conteneur d’applications web Java sur lequel il est possible d’en installer plusieurs pour une même installation. Cela donne accès à des technologies comme les Servlets, JSP, … Pour une vidéo sur l’utilisation des servlets.

SpringSource

SpringSource est une librairie Java qui aide à configurer une application, utiliser des conceptions orientées objet, créer des objets proxy et beaucoup plus. Elle peut être utilisée pour des applications de tous types: standalone, webapp, Java EE, …

Pour des vidéos sur les différentes fonctionnalités de SpringSource.

Spring MVC

C’est une partie de la librairie de SpringSource qui permet de créer des applications web avec le patron Model-View-Controller.

Hibernate

C’est une librairie qui permet d’enregistrer directement des objets Java dans une base de données. Nul besoin d’écrire des requêtes SQL puisqu’elle va le faire pour des dizaines de serveurs différents tels: Sybase, MySQL, DB2, … Il suffit de faire un mapping des objets Java et des tables dans la base de données avec des fichiers XML ou avec des annotations.

swiftmailer et exemple de sauvegarde de MySQL

Simon Levesque — Tue, 22 Mar 2011 23:05:50 +0000

Swiftmailer est une librairie PHP qui permet d’envoyer des emails facilement. Je l’ai découverte dans Symfony puisqu’elle est incluse à l’intérieur. Je vais vous montrer un petit script que j’ai fait pour envoyer un dump des bases de données MySQL et qui utilise cette librairie.

Cette librairie permet d’:

Envoyer des messages à plusieurs personnes
Envoyer facilement un email en HTML
Envoyer des fichiers attachés

C’est cette dernière fonctionnalité qui sera utilisée.

Pour envoyer un email, il y a quelques concepts importants:

Il faut un transport (Swift_SmtpTransport, Swift_SendmailTransport, Swift_MailTransport). C’est la façon d’envoyer un email (sendmail, smtp, …). Il est ainsi possible d’envoyer des emails avec un serveur local, distant et même crypté. Vous pouvez d’ailleurs utiliser le smtp de gmail si cela vous fait plaisir.
Il faut un message (Swift_Message). C’est ce qui défini celui qui envoie, le destinataire, le sujet, le contenu, les attachements, etc.
Il faut un mailer (Swift_Mailer). C’est ce qui fait le lien entre le transport et le/les messages

La procédure est ainsi:

Créer un transport
Créer un mailer lié avec ce transport
Créer les messages
Envoyer les messages avec le mailer

Voici le script qui crée un dump avec mysqldump puis qui l’attache à un email.

Comment se connecter sécuritairement sans HTTPS

Simon Levesque — Sun, 06 Feb 2011 14:34:01 +0000

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

Compiler Boost 1.45.0 sur Windows avec MinGW

Simon Levesque — Fri, 04 Feb 2011 00:10:40 +0000

Boost est une librairie C++ qui possède beaucoup de fonctionnalités tels le réseau, la gestion des arguments de la ligne de commande, les fonctions Lambda, les expressions régulières, etc. Plusieurs de ces outils fonctionnent avec seulement des fichiers d’en-tête (.hpp), mais certains, dont le réseau, ont besoin d’une compilation.

Si vous travaillez avec Visual Studio, vous pouvez télécharger un installateur qui possède tous les fichiers pré-compilés. Par contre, sous MinGW, vous devez compiler par vous-même. La documentation n’est pas géniale pour ce compilateur puisqu’il n’est pas officiellement supporté, mais c’est assez simple de le compiler grâce à l’outil bjam fournis.

NOTE: Normalement, il suffit de télécharger le bjam compilé sur la page principale du site, mais la version 3.1.18 ne fonctionne pas avec la librairie 1.45.0. Il faut compiler soi-même la version 3.1.19 qui est fournie dans l’archive de Boost. Ne vous inquiétez pas, tout est décrit plus bas.

Obtenir le code source de Boost:

Téléchargez le fichier boost_1_45_0.7z
Décompressez-le. Par exemple dans C:\dev
- Vous aurez donc C:\dev\boost_1_45_0

Installer bjam:

Ouvrez MSYS
Tapez: cd /c/dev/boost_1_45_0/tools/build/v2/engine
Entrez la commande: ./build_dist.sh
- Vous risquez de voir une erreur comme quoi il ne peut pas zipper puisque le programme « zip » n’est pas présent. Ce n’est pas un problème.
Tapez: cp stage/bin.ntx86/bjam.exe /mingw/bin

Compiler Boost:

Tapez: cd /c/dev/boost_1_45_0
Entrez la commande: bjam stage –build-type=complete –build-dir=/c/dev/boost_1_45_0/build –toolset=gcc –stagedir=/c/dev/boost_1_45_0

Nettoyage:

Vous pouvez effacer le répertoire temporaire /c/dev/boost_1_45_0/build qui prend quand même 1.9G

Maintenant que tout est terminé, voici les répertoires importants dans /c/dev/boost_1_45_0 :

boost: tous les fichiers d’en-tête (.hpp)
doc: un peu de documentation, mais vous êtes mieux de regarder libs/libraries.htm pour la documentation complète
lib: les librairies que vous venez de compiler (statiques et dynamiques)
libs: la documentation de toutes les librairies

Un menu horizontal facilement en HTML/CSS

Simon Levesque — Thu, 13 Jan 2011 13:53:34 +0000

Plusieurs CMS tels WordPress ou Joomla! incorporent des menus dans leurs fonctionnalités. Pour une personne créant un thème sur ces plates-formes, il peut être apeurant de faire un menu horizontal étant donné que ce qui est envoyé comme code HTML est une simple liste. N’ayez crainte, il suffit d’une ligne pour arranger cela…

Pour commencer, voici ce à quoi ressemble une liste:


  Premier
  Second
  Troisième

Cela affiche:

Premier
Second
Troisième

Pour la rendre horizontal, il suffit de dire que les items (li) de la liste ayant la classe (menuHoriz) doivent être affichés « en-ligne » donc un à côté de l’autre. Par défaut, l’affichage est « list-item » si jamais vous désirez revenir en arrière. Pour ce faire, vous écrivez dans la section « head »:

Avec cela, vous avez maintenant un menu comme celui-ci:

Premier
Second
Troisième

Vous voyez que les items sont à l’horizontal, mais un peu trop collés. Vous pouvez les distancer avec un padding à gauche et à droite. Le style changerait pour cela:

Voilà, c’est tout! Vous devez par contre savoir que cette technique à une limitation et c’est qu’on ne peut pas modifier les points précédents les items puisqu’en « inline », il n’y a pas de points. Les propriétés « list-style-type » et « list-style-image » sont valides seulement sur un « display: list-item ».

Google Map sur votre site web

Simon Levesque — Thu, 09 Dec 2010 03:05:30 +0000

Cela fait déjà un bon moment que Google permet d’utiliser Google Map sur les pages web (déjà rendu à la version 3), mais pour ceux qui comme moi n’avaient jamais pris le temps de regarder cet outil, voici une belle occasion.

Pour ceux qui connaissent les anciennes version, vous serez heureux d’apprendre que vous n’avez plus besoin de clé pour utiliser l’API.

Cette API vous permet de:

mettre des Marker: endroit spécifique tel un commerce. Vous pouvez spécifier une icône spéciale pour un Marker.
faire des lignes qui peuvent être cliquées (Polyline)
faire des polygones qui peuvent être cliquées (Polygon)
afficher une bulle avec des informations (Info Window)

Toutes ces informations peuvent être décrites par:

Des fonctions Javascript
Des fichiers KML

Tous les points sur une carte possèdent des coordonnées de géolocalisation. Pour connaitre la latitude et longétude d’un endroit, vous pouvez utiliser ces deux exemples pour trouver le stade olympique de Montréal:

Ressources:

Vidéos pour utiliser Java Spring

Simon Levesque — Fri, 12 Nov 2010 21:59:40 +0000

SpringSource est une librairie qui permet de faire beaucoup de choses en entreprise dont gérer les objets, gérer les bases de données et faire de la programmation orientée Aspect.

Présentement, si vous désirez apprendre comment:

Installer SpringSource Tool Suite pour Eclipse
Configurer une application Java pour utiliser la librairie
Créer des beans de base et avancés
Faire de la programmation orienté Aspect avec des Dynamic Proxies ou un Load Time Weaver (Spring AOP ou AspectJ)

Allez dans cette section et vous aurez accès à 8 vidéos qui totalisent 47 minutes de tutoriels.