Jaxer : Un serveur Ajax ?!

Tags , , , ,
23 janvier 2008 par Yohann CIURLIK

Jaxer Aptana

Aptana, célèbre pour son IDE dédié aux technos web (Air, Ajax, Javascript, PHP, …), vient de nous développer un serveur Ajax. Un quoi ? Oui, vous avez bien entendu, un serveur Ajax. Son nom : Aptana Jaxer.

Partant du principe que de plus en plus d’applications utilisent, de nos jours, la technologie Ajax. Jaxer permettra de développer des application entièrement “Ajaxifiées“. Les technologies DOM et Javascript pourront être utilisées du côté serveur, du côté client ou bien des deux en même temps. Le code pourra être partagé entre le serveur et le client. La validation via Javascript de données pourra alors s’effectuer côté server.

JAxer flow diagram

D’un point de vue technique, le server Jaxer s’installe au côté d’un server Apache classique. Une partie du code Javascript spécifique au Serveur est exécute coté serveur via Jaxer puis la page est envoyé au navigateur (client) qui, de son côté, exécute sa partie Javascript spécifique. Les informations sont synchronisées via un callback lorsqu’un script est partagé entre le client et le serveur.

L’autre intêret de l’ajax servers-side réside dans la possibilité d’accèder directement à des objets, des fichiers ou la base de données.

D’après Aptana :

Applications and sites can now be built purely on Ajax technologies end to end, or Jaxer can be used for just the presentation layer (both client and server) on top of a business logic layer in, say, Java or PHP.

L’idéal pour Aptana serait que le javascript, et plus particuliérement l’Ajax, soit utilisé à la fois du côté client et serveur pour obtenir des applications entièrement conçues en Ajax.

Reste à savoir si, à l’avenir, l’accès à des objets Java via les technos basé sur le Javascript est viable, sécurisé et utile…

Si certains d’entre vous ont testés la bête, n’hésitez pas à me laisser un petit commentaire pour me donner vos impressions à chaud.

Cet article vous a plu ? Abonnez-vous au blog par mail ou flux RSS : vous recevrez automatiquement les nouveaux billets !

Plus de Thumbs.db sur le SVN

Tags , , ,
22 janvier 2008 par Yohann CIURLIK

Si vous travaillez sous Windows, vous connaissez sans doute les fichier Thumbs.db. Les Linuxiens n’ont qu’a fermer leurs oreilles. Ces fichiers sont crées lorsque des miniatures sont générés dans votre explorateur.

Vous êtes également utilisateur d’un SVN et ils vous arrivent de vous prendre la tête avec ce genre de fichiers, qui, par hasard, c’est malencontreusement glissé dans la livraison sur le SVN.

Turtoise SVN

J’ai maintenant trouvé une solution efficace pour éviter que les fichiers Thumbs.db n’aillent polluer le SVN. La solution consiste à paramétrer TortoiseSVN de fàçon à ce qu’il ignore les fichiers incriminés.

Pour cela, rien de plus simple avec TortoiseSVN:

Tortoise SVN 1

Il suffit d’aller dans les propriétés de l’explorateur Tortoise comme dans l’exemple ci-dessus.

Tortoise SVN 2

Choisir l’option “svn:ignore” et lui mettre comme valeur “Thumbs.db“. Cochez la case pour le traitement récursif (tous les répertoires de votre svn).

Vous serez maintenant épargner lors des livraisons sur le SVN. Fini les conflits sur les fichiers Thumbs. L’astuce fonctionne également pour d’autres types de fichiers.

Cet article vous a plu ? Abonnez-vous au blog par mail ou flux RSS : vous recevrez automatiquement les nouveaux billets !

La DebugBar sous Internet Explorer

Tags , ,
18 janvier 2008 par Yohann CIURLIK

Je travaillais avec la librairie ExtJS sous Firefox pour un projet logiciel Intranet. Dans le sens où les postes de la société sont aussi bien sous Firefox que sous Internet Explorer, je me devais de tester la validité des pages sous IE.

Catastrophe! Bien que les pages soient valides, l’application ne fonctionnait pas. Les virgules en fin d’éléments dans le javascript sont très mal interprétées par IE. Comme dans l’exemple ci-dessous :

  1.  
  2. testFunc = function() {
  3.     return {
  4.         titlebar: true,                            
  5.         collapsible: true,  // <— BOOM goes the comma! :D
  6.     }
  7. }
  8.  

C’est là qu’intervient le fameux outil de débuggage du javascript d’ ExtJS nommé JSlint.

En fouinant un peu plus sur le forum, j’ai fini par trouver un outil de débugagge pour Internet Explorer nommé DebugBar.

  • DOM Inspector: Voir l’arbre DOM de la page et modifier les attributs des tags et des css à la volée pour tester votre page
  • HTTP Inspector: Voir les requètes HTTP/S des pages pour vérifier les cookies, les paramètres en GET et POST, voir les infos server
  • Javascript Inspector et Javascript Console: Voir toutes les fonctions javascript d’une page pour débugger plus facilement le code Javascript et AJAX de la page web
  • HTML Validator: Valider le code HTML d’une page directement pour optimiser son code HTML
  • Beaucoup d’autres fonctionnalités: Voir les cookies d’une page, récupérer la couleur d’un pixel, faire un screenshot une page web complète…

L’outil DebugBar est disponible gratuitement pour un usage personnel (59€ pour un usage en entreprise). Un outil bien pratique qui m’a rendu de grands services.

Cet article vous a plu ? Abonnez-vous au blog par mail ou flux RSS : vous recevrez automatiquement les nouveaux billets !

Menu Vertical - Prototype & ScriptAculoUs

Tags , ,
14 janvier 2008 par Yohann CIURLIK

Voici ma toute première réalisation en matière de menu javascript. Ce menu vertical fonctionne avec Prototype 1.6 et ScriptAculoUs.

Vous pourrez le tester sur la page de démonstration.

Menu horizontal

Si vous avez des questions,n’hésitez pas ;)

Edit : C’est bien un menu vertical et non horizontal, je me suis trompé désolé :(

Cet article vous a plu ? Abonnez-vous au blog par mail ou flux RSS : vous recevrez automatiquement les nouveaux billets !

Ponglike via webcam : SDL & OpenCv

Tags , , , ,
11 janvier 2008 par Yohann CIURLIK

Mon équipe et moi avions un projet en infographie à finir. C’est maintenant chose faite. Notre projet se nomme CamHockey.

CamHockey est un jeu, dans la lignée du très classique Pong, assez original. Le fait étant que les barres sont déplacées à l’aide de la tête du joueur. En effet, le jeu est capable de détecter la tête d’une personne dans le champ de la webcam et de s’en servir pour calculer les déplacements de la barre gardant le but du joueur. A la manière des jeux “EyeToy” sur la playstation 2.

Screenshot de CamHockey

L’application utilise la librairie multimédia SDL disponible ici et la librairie OpenCv d’acquisition et traitement d’images dont j’avais parlé dans un précédent billet.

Une petite vidéo de présentation de l’application :
[youtube Nb38sICdBnk nolink]

Le rendu n’est pas si mauvais mais le code n’est pas si lisible que ça. Codage rapide quand tu nous tiens…

Le code source de CamHockey (et binaires) est disponible ici.

Cet article vous a plu ? Abonnez-vous au blog par mail ou flux RSS : vous recevrez automatiquement les nouveaux billets !

sideBarQA