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

Aller au contenu | Aller au menu | Aller à la recherche

Nifty, plus de CSS pour faire des cadres arrondies

vendredi, février 9 2007

Par julien lavault le vendredi, février 9 2007, 10:00 - Ajax

Nifty est une librairie Javascript, très simple d'utilisation qui permet de faire des cadres arrondis sans passer par les CSS !!! Voici une petite démo.
Pour l'utiliser c'est très simple:

window.onload=function(){
    if(!NiftyCheck()) return;
    RoundedTop("div#container","#FFF","#e7e7e7");
    RoundedBottom("div#container","#FFF","#E9F398");
    RoundedTop("ul#nav li","transparent","#E8F0FF");
    Rounded("div#box","#C0CDF2","#E4E7F2");
    Rounded("div#minipics li","#C0CDF2","#FFF");
    RoundedTop("div.gradient","#C0CDF2","#B8B8B8");
    RoundedBottom("div.gradient","#C0CDF2","#ECECF2");
}

Appliquer la function RoundedTop sur les éléments que vous voulez en précisant son id, sa couleur et son fond. Vraiment très pratique!

un commentaire

JSON l'avenir des transferts de données en AJAX

Par julien lavault le vendredi, février 9 2007, 08:25 - Ajax

JSON (JavaScript Object Notation) est un format de structure de données générique qui utilise la notation des objects Javascript. Il peut être utilisé pour transmettre de l'information structurée du client au serveur dans des applications Ajax, c'est d'ailleur sa plus grosse utilisation à l'heure actuel. Il s'agit d'un format de fichier alternatif à XML.


Voilà un modèle de structure de donnée JSON:

{"menu": {
    "id": "file",
    "value": "File",
    "popup": {
        "menuitem": [
            {"value": "New", "onclick": "CreateNewDoc()"},
            {"value": "Open", "onclick": "OpenDoc()"},
            {"value": "Close", "onclick": "CloseDoc()"}
        ]
    }
}}


Coté serveur il vous faudra simplement encoder et décoder la chaine, je vous conseil d'utiliser la class Zend_Json du framework zend pour effectuer cette opération.

// Récupérer les valeurs
$phpNative = Zend_Json::decode($encodedValue);

// Encoder les valeurs
$json = Zend_Json::encode($phpNative);

Par ailleurs, il n'est plus nécessaire de faire appel à un parseur XML pour gérer les données, étant donné qu'elles sont directement prises en compte par Javascript via la fonction eval(). Les tests actuels montrent un gain significatif en vitesse de traitement pour Json.

aucun commentaire

Les extensions Mozilla pratique pour webmaster

jeudi, février 8 2007

Par julien lavault le jeudi, février 8 2007, 14:51 - Application

A force de rajouter des extensions à mon navigateur Mozilla Firefox qui me permettent de gagner un temps considérable dans l'intégration et le développement Web, j'ai décidé de vous partagez ma sélection :

  • Dom inspector: voir les disfonctionnements au niveau du DOM.
  • Firebug: il est bien utile pour débugué les scripts Javascript.
  • HTML Validator: permet de valider au w3c un page XHTML directement dans la source (ctrl-u), mon préférer.
  • Web Developer: pleins d'outils bien pratique dans l'intégration et l'optimisation des pages Web, il y a tellement d'options que je vous invite à le découvrir par vous même!
  • Clear Cache Button : qui permet de vider le cache (merci yohan !).

Je tiens quand même à rappeler que Mozilla Firefox est un outils opensource qui utilise un langage open source XUL (méta langage) contrairement à son principale concurrent!

3 commentaires

Scriptaculous la librairie javascript tendance

mercredi, février 7 2007

Par julien lavault le mercredi, février 7 2007, 18:14 - Ajax

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.

4 commentaires

Focus sur les Web 2.0

samedi, novembre 11 2006

Par julien lavault le samedi, novembre 11 2006, 10:26 - Web 2.0

On parle beaucoup du Web 2.0, beaucoup d'amalgames sont faits sur ce sujet. Différents avis sur le Web 2.0 s’opposent : l’arrivée de nouvelles technologies (Ajax, RSS, XHTML…), la standardisation des normes, le partage de connaissances, la personnalisation des services Web par l’internaute, la syndication des contenus… Ces différents points de vues on tous une part de véracité, néanmoins il me semble que beaucoup de ces nouvelles technologies sont loin d’être novatrices; en effet les Flux RSS ou encore l’Ajax existent depuis plus de 5ans, ce n’est que leur utilisation qui explose réellement en ce moment.

Certes le Web évolue, mais pas aussi vite qu’on semble le dire, il existe un réel temps d’adaptation et d’absorption des nouvelles technologies qui évoluent plus vite que les mentalités . Mais quelques grosse enseignes, que je ne citerai pas …, arrivent à tirer profit de ces nouvelles technologies et à faire gonfler leurs chiffres d’affaires... Beaucoup de personnes parlent de Ajax comme le Web 2.0, la révolution de l’Internet ! Je ne comprends absolument pas ce point de vue car Ajax n’est en aucun point une révolution, car d‘une par Ajax n’est pas nouveau et d’autre part la méthode Ajax (transfert asynchrone de données sans rechargement de page) est déjà très répandu à travers Flash et d’autres technologies coté client !

Pour revenir au sujet, je dirais pour conclure que le Web 2.0 est avant tout une méthodologie qui repose sur l’implication, la participation de l’internaute à la vie communautaire d’un site Internet. L’internaute devient acteur et non plus un simple visiteur, voici pour moi la vrai définition du Web 2.0. L’émergence de nouvelles technologies n’est qu’une conséquence de l’évolution des mentalités vers ce nouveau principe et non pas l’inverse !

Donnez vos réactions, vos avis m’intéressent !

3 commentaires

Adobe Flash CS3 pour bientôt

lundi, novembre 6 2006

Par julien lavault le lundi, novembre 6 2006, 12:32 - Flash

Présentation officielle de la nouvelle version de Flash CS3, pleine de nouvelles fonctionnalités que tout le monde attendait avec impatience:

  • Possibilité de convertir une animation d'interpolation de mouvement directement en Actionscript 3 ou en XML et l'appliquer à n'importe quel clip.
  • Importation des calques Photoshop, Illustrator et autres directement en calques Flash.
  • Nouveaux outils de dessin provenant d'Illustrator pour les graphistes.
  • Nouvelle fenêtre de sortie beaucoup plus parlante avec un accès direct aux erreurs avec un double click.
  • Un nouveau éditeur de code Actionscript 3 beaucoup plus pratique.
  • Des composants améliorés et débuggés !
  • Création de profiles de filtres applicables sur plusieurs objets.
  • Un nouveau débuggeur très performant.

On en a l'eau à la bouche, vivement la sortie de la suite CS3 ...

4 commentaires

Dotprojet un groupware simple et efficace.

vendredi, octobre 27 2006

Par julien lavault le vendredi, octobre 27 2006, 20:26 - Gestion de projet

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.

aucun commentaire

page 2 de 2 -