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

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 Javascript 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 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.

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.