Monday 4 June 2007

Google and the offline web application : Google Gears


Google Gears is an open source runtime to allow you to build Offline Web applications. Wow : now with Google Gears you can access to a client side DB, run asynchronous javascript, Store and serve application offline. To make Google Gears works, you need to download a plugin available for Firefox and Microsoft Internet Explorer.

Google Offline yes! but what about Dojo Offline? The very good news is Dojo Fundation will work with Google on this Offline framework instead of fragmenting developments.

And when good concept come out, good tools appear very soon : SQLAdmin for Google Gears is a HMI to adaministrate the Google Gears DB, very usefull ;). try it !

Monday 12 February 2007

Generate on line your own indicator

In a previous post I was talking about a list of Ajax indicator.
Better than a list of indicator ajaxLoad generates indicator which can be downloaded : fun and usefull ;)

Tuesday 12 December 2006

Ajax Indicators

A very nice web site with some Ajax Loading Indicators. Pick which one you prefer to use it in your ajax application : http://www.napyfab.com/ajax-indicators/
Thanks to Benjamin to give me this url.

Sunday 8 October 2006

Un tutorial pour Dojo

J'ai déjà parlé de Dojo sur mon blog. Mais face au peu de documentation francophone sur ce framework pourtant extrêment intéressant, j'ai écrit un tutorial où je présente par l'exemple les possibilités et différents widgets accessibles sur ce framework.

Plus qu'un simple 'set' de widgets graphiques, Dojo propose aussi une nouvelle façon de développer avec javascript. Enfin, tout est expliqué sur mon tutorial. Celui-ci est actuellement en cours d'écriture donc pour l'instant incomplet. Je vais essayer de le compléter régulièrement.

Pour l'instant il est accessible ici au format HTML pur, mais je suis en train de me demander s'il ne serait pas intéressant de le présenter sous forme de Blog afin que tout le monde puisse commenter les exemples pour les améliorer.

Tuesday 11 July 2006

Comparatif de Framework AJAX

De plus en plus de framework javascript/ajax sont proposés dans le monde open source ou commercial. pour y voir un peu plus clair je propose un petit comparatif des principaus gratuits :

Légende
DOM = API de manipulation de DOM
EVENT = API de gestion des évènements
ANIM = API d'animation des elements HTML
DND = API DE drag'n'drop
LAYOUT = Gestionnaire de Layout
DEBUG = Présence d'un débugger
WIDGET = Quantité de widgets disponibles
DEV = Facilité d'écriture de nouveau Widgets

Framework Version licence D
O
M
E
V
E
N
T
A
N
I
M
D
N
D
L
A
Y
O
U
T
D
E
B
U
G
W
I
D
G
E
T
D
E
V
DojoToolkit
site
0.3.1 AFL et BSD oui oui oui oui oui oui +++ +++
Un des frameworks Ajax et meme Javascript les plus aboutit et pourtant seuleument en version 0.3! Il offre de nombreuse API Javascript non seuleument autour de Ajax mais même au tour de Javascript en génréral avec des librairies telles que string, math, reflect, lang etc... A essayer absolument!!!
Yahoo UI
site
0.10 BSD oui oui oui oui oui ??? +++ +++
YUI propose des API de gestion de Layout permettant de faire de la présentation HTML en utilisant des layout pré-existant ou en écrivant de nouveaux layouts

Open Rico
site
1.1.2 Apache 2.0 non non non non non ??? + +
Open Rico à une orientation widgets, c'est à dire qu'il definit plus un set de widget qu'un ensemble d'API pour faire de l'ajax ou du javascript

Google web toolkit
site
1.0.21 Google oui oui oui oui oui ??? +++ +++
La grande différence que propose Google, c'est la possibilité d'écrire le code en java, qui sera ensuite "compilé" en javascript. A noter aussi une doc presque parfaite ;)

Script.aculo.us
site
1.6.1 MIT-style license oui ??? oui oui non non + +
Mérite le coup d'oeuil mais sans plus!

Thursday 29 June 2006

Meebo

Encore un exemple des possibilités de Ajax avec ce site - Meebo - qui permet tout simplement de faire de la messagerie instantanée en ligne comme sur son bureau. Il comprends les protocoles suivants :
  • AIM et ICQ
  • Yahoo!Messenger
  • Jabber
  • MSN


Imaginons maintenant dans un AjaxDesktop... on s'approche de plus en plus d'un bureau entièrement web

AjaxDesktop

Une sorte de bureau dans votre navigateur, c'est possible avec AJAX et oui! Voici un petit exemple que j'avais réalisé il ya quelques temps : mon bureau

Ou sinon totalement différents un petit tutorial pour en ecrire un par soit meme...
Ca peut sembler inutille, mais ca illustre bien les possibilités d'AJAX et puis au final, ca peut ouvrir un tas de possibilités...

Wednesday 28 June 2006

C'est quoi?

Non c'est pas ça!
Non plus!
Plus sérieusement AJAX signifie Asynchronous JavaScript And XML, on peut donc traduire ça grossièrement par du dynamisme coté client basé sur Javascript et XML.

AJAX serait donc une technologie nouvelle ?

Non! pas du tout, AJAX est plutôt une facon smart d'utiliser les possibilité coté client du javascript pour réaliser des interfaces client plus réactives et plus dynamiques.

Mais comment?

Tout simplement en utilisant les possibilité de javascript et du DOM représentant l'HTML coté client. Ainsi toute interaction entre javascript et DOM HTML peut être considérée comme AJAX, même le simple fait de faire un innerHTML=[..].
En effet du moment que le DOM HTML est modifié, il s'agit d'AJAX. On ne peut donc pas dire que se soit une nouvelle technologie ;)

Alors pourquoi tout ce foin?

Ca devient intéressant, quand AJAX utilise la fonctionnalité Javascript : XmlHttpRequest. Il s'agit d'un fonction qui permet de charger des données depuis une autre page (ou un fichier XML), sans pour autant quitter celle où l’on se trouve. Ainsi il est possible de provoquer le rechargement de page ou de partie de page à partir d'interaction utilisateur sans pour autant avoir une technologie coté serveur (Java, asp, php...). Mmm ca devient interressant! C'est donc pas nouveau et certains sites utilisent c'est fonctionnalité depuis bien longtemps...(par exmple Gmail ou encore Flickr)

Il y a des limites!

Et oui bien sur, la plus part des fois les pages ont l'impression très fluides mais si le serveur reponds très lentement par exemple, on peut avoir une impression de plantage. Autre chose le Back du navigateur ne marche pas biensur! Et le pire du pire c'est que Ajax est très lié a Javascript dont l'implémentation dépend du navigateur, tout le monde connait bien les problèmes d'interprétation du javascript par les différents navigateurs (un script qui fonctionne sous Internet Explorer ne fonctionne pas forcement sous FireFox et inversement)

Je veux essayer

Il existe de nombreux framework exploitant les possibilités d'AJAX mais ca fera l'objet d'un autre post. Juste un avant gout avec mon préféré (DojoToolkit)