JFLAD Blog: Recherche & développement: Ajax, Javascript, CSS, XHTML, Flash, Référencement, Webmarketing, Open Source, gestion de projet - JFLAD

Nouveau blog JFLAD

julien lavault — Sat, 11 Aug 2007 12:31:00 +0000

Nous sommes heureux de vous présentez le nouveau blog de l'agence JFLAD! Sa vocation première s'orientera dorénavant vers l'exposition des travaux de R&D de l'agence, avec comme centre d'intérêt les nouvelles technologies de l'Internet et notamment le Web 2.0 et Ajax!

A noté que les Flux RSS ont également changer d'adresse, cliquez içi pour vous ré-abonnez.

Ce blog sera compléter d'un centre de ressource public qui devra voir le jour d'içi la fin de l'année.

Beaucoup d'amalgame dans le mot Ajax

julien lavault — Wed, 08 Aug 2007 17:45:00 +0000

A force de m'intéresser de très prêt à Ajax, je constate qu'il y énormément d'amalgame de fait à ce sujet! En effet, beaucoup pense que faire une requête en httpRequest au onclick d'un bouton constitue de l'Ajax. Hors la véritable utilisation de Ajax est véritablement ailleurs, la subtilité réside de faire un interface Web dont toute l'interactivité Javascript (dont les transferts asynchrone de donnée) sont Indépendante de l'application principale, c'est à dire que si le site le client ne possède pas Javascript, le site marche quand même normalement. Cela va plus loin, car cette méthode permet également de référencé les contenus des pages même si elles sont chargés de manière asynchrone!

Il faut que le document XHTML ne possède aucun script Javascript dans le body, mais juste l'appelle au librairie utilisées dans le header.

La technique est simple pour faire ceci, il faut utilisé les gestionnaires d'évènements ainsi que les sélecteurs d'éléments. Ainsi un site traditionnel pourra ce voir gréfer un ensemble évènementiel qui permettra de rendre un interface Web interactive. Le seul supplément sera de crée un fichier 'dataTransfert.php' qui transféra les templates de contenu. Autrement tout le reste sera simplement des librairie J avascript qui déclencheront des actions suivant un système évènementiel.

Voici un exemple de ce qu'il ne faut pas faire (gestionnaire d'évènement directement dans le document XHTML):

<p id="monBouton" onclick="maFoncitonJs();">Cliquez moi</p>

Voici le même exemple, mais correcte cette fois ci (fichier javascript inclus dans le header):

$'(monBouton').addEvent('click', function(){
// Contenu de ma fonction
});

Ce principe est la base, à partir de découle tout le reste, le Blog JFLAD vous présentera ultérieurement d'autres techniques pour faire des transferts asynchrone de données depuis une page traditionnelle en gardant une lisibilité dans les moteurs de recherche!

Je vous conseil fortement l'utilisation du framework Mootools dont j'ai déjà fait l'éloge dans de précédent billet, ce framework est vraiment sur-puissant, et possède toutes les fonctionnalités imaginable pour faire de l'Ajax et rendre une application Web riche version Web 2.0.

Mootools confirme ses bonnes performance

julien lavault — Mon, 25 Jun 2007 15:34:00 +0000

Mootools, la librairie Javacript Web 2.0, confirme ses très bonnes performances.

En effet, l'application slickspeed permet de tester les librairies Javascript bien connues: prototype, jQuery 1.1.2, MooTools 1.2, ext1.1b1, cssQuery 2.02 et dojo query. Les tests permettent de tester la vitesse d'exécution et la validités des scripts. Les résultats obtenus sont très favorable à Mootools, ce qui confirme le sérieux et la qualité de cette librairie.

Dans un prochain billet, un exemple d'utilisation avec Ajax.

Mootools, LA librairie Web 2.0

julien lavault — Mon, 18 Jun 2007 21:18:00 +0000

Mootools est une librairie Javascript comme je les aime… Elle repose sur le framework de scriptaculus, dont j’avais déjà fait l’éloge sur le blog il y a quelques mois. De plus, on retrouve également les fonctions de Penner qui sont à l’origine des effets de déplacement élastique dans Flash et maintenant en Javascript. Le plus de cette librairie est d’être mieux structuré, optimisé et plus légère. L'ensemble des fonctions graphique 'FX' est particulièrement sympathique et très simple d'utilisation.

Elle présente un vaste éventail de possibilités :

Transfert de données en Ajax
Transfert de données en Ajax avec Json
Effet graphique divers avec l'interface MX combiné avec la suite de Penner
Une gestion des éléments de la page simplifié, par exemple: $('nomId') = document.getElementById('monId')
Légèreté de fonctionnement vraiment étonnante

Je vais m’arrête la car il y a vraiment trop de fonctionnalité disponible et je vous invite à les tester par vous-même sur la démos en ligne.

Scriptaculous la librairie javascript tendance

julien lavault — Wed, 07 Feb 2007 18:14:00 +0000

Un peu d'interactivité dans les pages Web statique à la sauce Web 2.0. Pour ce qui ne connaisse pas encore la librairie Javascript scriptaculous, cette librairie sert à manipulée vos objets (<balise>) du dom avec une interactivité hors du commun et à faire des applications en Ajax. Je l'utilise tellement ces derniers temps et c'est d'ailleurs devenu une des spécialités de JFLAD, il était donc naturel que je contribue à sa promotion. Ces scripts de qualités apportent une véritable valeur ajoutée à une page Web statique! Il permet également de facilité la gestion de donnée dans les back-offices, je pense notamment à la gestion simplifier du glisser déposé. Bref une multitudes d'outils à adapté suivant les besoins!
En plus du glissé déposé, il est également possible de faire des transfert de données en Ajax, des effets graphique sur les objets du Dom, des scroll-bars personnalisées...

Voici quelques exemples qui illustreront plus explicitement ma description:

Finalement l'interactivité ne rime par forcément avec Flash!!! Son utilisation est vraiment très simple et d'une très grande adaptabilité. J'espère que j'aurais contribué à faire de nouveau adeptes.

Dotprojet un groupware simple et efficace.

julien lavault — Fri, 27 Oct 2006 20:26:00 +0000

On désigne par le terme de GroupWare les outils logiciel permettant à des utilisateurs de mener un travail en commun à travers les réseaux.

Ainsi le terme GroupWare renvoie à des applications diverses et variées concourant à un même but : permettre à des utilisateurs géographiquement éloignés de travailler en équipe. Le travail en équipe peut se concrétiser par le partage d'informations, ou bien la création et l'échange de données informatisées.

JFLAD a testé Dotproject, logiciel open source écrit en PHP, MYSQL. Il présente l’avantage de regrouper toutes les fonctionnalités que nous voulions retrouver, il est facile d’utilisation grâce à une interface graphique sobre et agréable, il est totalement paramétrable, le code source est clair et modifiable.
Mais son réel avantage est de réunir tous les outils nécessaires à la gestion de projet, il n’y a pas de fonction ou de module inutile et gadget : il permet vraiment de maitriser toutes les étapes de gestion de projet de manière efficace et très rapide.

Site Internet : http://www.dotproject.net/

Voici les différentes fonctionnalités qu’il présente :

Un calendrier / agenda (projet, tâches, réunion …).
La gestion des projets avec état d’avancement et diagrammes de Gantt.
Affichage de l’avancement général du projet avec des diagrammes à bâton.
La gestion des taches avec création des groupes de travail, gestion des dépendances, gestion des ressources.
La gestion des éléments financiers.
La répartition des rôles et responsabilités des acteurs du projet.
La gestion des ressources et des fichiers avec historique des opérations.
La possibilité de créer des sociétés pour le travail collaboratif avec les clients, sous traitants et autre sociétés.
La prise en compte du client dans l’interface MOE / MOE.
Un forum pour échanger.
Un module de ticket d’incident pour signaler des problèmes et trouver les solutions.
Gestion des contacts.
Gestion des liens (liens ressources, veille technologique, sites concurrents…)
Gestion des ressources et connaissance de l’équipe, veille technologique.
Gestion des fichiers archivage des opérations et système qui informe les membres de l’équipe par mail lors d’une modification.
Historique de connexion de chaque membre (durée de connexion, action effectuée, message posté, fichier déposé…)
Gestion des utilisateurs, aussi bien l’équipe que les clients, possibilité de limiter l’accès à certain module.
Gestion des droits et des rôles de chacun sur chaque module, journal de connexion.
Gestion des modules.