Généralités sur Ajax
Des sites qui utilisent Ajax PDF Imprimer Email
Écrit par etudiants d'iut informatique   
Dimanche, 13 Janvier 2008 17:31

Ajax se démocratise de plus en plus, et nombre de sites basés sur cette technologie voient le jour.Voici une liste bien sûr non exhaustive qui permet un petit d'horizon de ce qui se fait actuellement sur la toile en matière d'Ajax.

Lire la suite...
 
Le fonctionnement d'Ajax PDF Imprimer Email
Écrit par etudiants d'iut informatique   
Dimanche, 13 Janvier 2008 17:00

Impossible de vous expliquer comment fonctionne Ajax si vous ne connaissez pas l'organisation du World Wide Web aussi appelé Web.
Les notions de client et de serveur sont élémentaires pour comprendre l'Internet.
Derrière l'entité serveur se cache tout simplement un disque dur contenant des données. Celles-ci peuvent être sous la forme de fichiers, d'applications ou de bases de données. Bien sûr, un serveur n'est pas forcément spécialisé et peut très bien regrouper toutes ces données. Un Client est en réalité un ordinateur relié au réseau comme celui que vous êtes en train d'utiliser. Les échanges entre ces deux entités diffèrent selon la technologie utilisée.

LAST_UPDATED2
Lire la suite...
 
Des listes modifiables par drag & drop PDF Imprimer Email
Écrit par Administrator   
Samedi, 04 Mars 2006 12:08

Une des grosse fonctionnalité d'Ajax est d'offrir une interface dynamique de type client lourd dans un navigateur, nous avons déjà parlé de la communication en tâche de fond qui est le coeur d'Ajax, mais ce qui se passe au niveau du front end est tout aussi important. De nombreux site utilise cette technique de drag & drop pour permettre aux utilisateur de composer eux-même leur interface à leur gout. La première implémentation que nous avons pu en voir il y a quelque années était ici ; depuis les choses ont évoluées ...

L'occasion de ce petit billet est un article décrivant en détail le fonctionnement de cette technique en liaison avec un base de donnée. Ce tutoriel pour php est plutôt bien fait, reprenant point par point la liaison à la base de donnée, l'utilisation des css et enfin les fonctions javascript de manipulation et  drag & drop. L'article sur les listes triées dynamiques avec ajax.

Pour ceux qui en outre souhaiterai voir une implémentation plus complète, vous trouverez un bon exemple sur Auverblog.info

 

LAST_UPDATED2
 
Lucca : une solution Ajax de réservation de salles PDF Imprimer Email
Écrit par Administrator   
Vendredi, 13 Janvier 2006 22:58

Lucca, une société Française propose une solution basée sur Ajax pour la réservation de salles de réunion. Là encore, la technologie est mise en valeur : descriptions dynamiques, saisie de rendez-vous graphique digne d'un client lourd ou riche !

Le site lucca.fr propose une démo de son application de réservation de ressources en mode connecté basée sur Ajax. La solution est plutôt esthétique avec un affichage dynamique des informations de la ressource de type tooltips et la présentation graphique des disponibilités. La technique Tooltip est d'ailleurs réutilisée un peu partout pour le zoom sur les réservation ... solution plutôt propre, rapie et simple d'emploi.

Mais le plus intéressant concerne le module de réservation qui permet la sélection graphique d'un créneau horaire ; solution qui n'a pas grand chose à envier aux PalmDesktop et autres Outlook. Reste le prix ... a mon gout un peu élevé même pour le niveau technique mis en oeuvre mais ce doit être le prix du marché.

En temps qu'utilisateur de solutions de ce type, basée sur lotus Notes, cet outil me semble vraiment plus ergonomique, l'ajax apporte une ergonomie d'utilisation indéniable et les temps de réponses sont parfait. L'utilisation de tooltips permet d'éviter le chargement d'une page lors de la visualisation détaillée des réservations d'un salle, c'est super. Seul reproche : le chargement initial un peu long, je les soupçonne de charger toutes les informations de réservation lors de l'ouverture. Dans ce cas, Ajax aurait pu être utilisé pour ne charger les informations de réservation que lors du survol : c'est à dire lors de l'affichage du tooltips.

Encore un nouveau démonstrateur de qualité pour Ajax.

 

 

 

LAST_UPDATED2
 
Un traitement de texte en ligne avec Ajax PDF Imprimer Email
Écrit par Administrator   
Vendredi, 13 Janvier 2006 14:04

Dans la liste des traitements rendus possible par Ajax, le traitement de texte est sans doute une des applications les moins fun mais les plus prometteuses. C'est ce qu'offre aujourd'hui le site Writely avec un application collaborative, client léger pour la saisie et le partage de textes.

Le site Writely.com met à disposition des internautes une solution de traitement de texte en ligne, pour l'instant gratuite. Le site intègre un moteur de traitement de texte basé sur Ajax permettant une saisie WYSIWYG.

L'édition est plutôt basique, mais l'intéractivité très fluide, l'éditeur permet la gestion des tableaux, images... Les documents ainsi créés peuvent être partagés, il est même possible de faire du travail collaboratif sur le même document. Le document pourra aussi être consulté en ligne. Bref, on reste loin d'une application commercialisable mais c'est déjà un premier pas : une application collaborative en ligne sur client léger. Une sorte de Wiki mais totalement dynamique. Affaire à suivre ...

 

 

 

LAST_UPDATED2
 
Kézako l'Ajax ? PDF Imprimer Email
Écrit par Administrator   
Mercredi, 21 Décembre 2005 15:57

Non ! Ajax n'est ni un nouveau produit révolutionnaires permettant de nétoyer votre navigateur Ouaib en un clin d'oeil, ni la nouvelle cyber-équipe de foot d'Amsterdam ...

C'est en fait beaucoup mieux que tout cela réuni ! Ajax est une méthode permettant de développer des interface Ouaib interactive sans qu'il soit nécessaire de recharger entièrement la page. Cette méthode est basée sur l'usage de la commande Javascript XMLHttpRequest qui permet aux navigateurs de soumettre et recevoir des données depuis le serveur. Les échanges sont généralement effectués en XML. Les données sont traitées par des Javascripts qui s'exécutent sur le client, en tâche de fond. Les échanges sont asynchrones : il est possible de rafraichir plusieurs partie distinctes d'une page Web sans se soucier de l'ensemble.

Ajax cache sous son doux nom l'acronyme Asynchronous Javascript And Xml. Bien que cette technologie soit très nouvelle, elle emploie des techniques anciennes déjà éprouvées : la méthode XMLHttpRequest date de plusieurs années et les JavaScripts remontent aux premières heures de l'Internet. L'usage très fort des CSS (feuilles de style) s'est lui aussi démocratisé.

L'usage conjoint de ses 3 technologies permet la réalisation de site Web permettant la manipulation dynamique d'objets comme des fenêtres, les listes, des tableaux, des arbres... rafraichis dynamiquement,  l'ergonomie d'un client lourd peut être ainsi recrée sur une application en ligne.

 

 
Ajax or not Ajax ? PDF Imprimer Email
Écrit par Administrator   
Mercredi, 07 Décembre 2005 16:46

Celà fait plusieurs jours que je voulais écrire un post à ce propos. Après la lecture de cet article et différentes remarques que l'on m'a faites, je souhaite donner mon opinion.

Rappelons brièvement les faits. L'utilisation des technologies Ajax apporte son lot de bonnes choses mais aussi les inconvénients qui vont avec. Essayons de faire la synthèse de tout ça.

Nous avons vu qu'Ajax permet l'appel de code distant, et la récupération de valeurs permettant leur affichage sans rechargement de page et ceci à l'aide de javascript. Le premier soucis qui pointe le bout de son nez est bien sûr l'utilisation de javascript. Il y aurait 78% de navigateurs compatibles avec Ajax ce qui est toutefois pas mal. Cependant au niveau accessibilité l'utilisation abusive de javascript est plus que dangereuse. Une personne non voyante ne pourra pas accéder à une information affichée suite à un appel javascript. Or je tiens beaucoup à l'accessibilité des sites web.

Pourquoi prôner Ajax alors ? Je pense que cette technologie a de nombreux mérites. Là aussi on l'utilise parfois à des fins qui ne sont pas très utiles. Ergonomiquement parlant, il est souvent aussi pratique de charger une autre page plutôt que d'avoir l'information directement. De plus les moteurs de recherche ne sont pas du tout friands de javascript. Malgré tous les points négatifs dont je viens de faire part, je reste convaincu qu'Ajax a de l'avenir. Avez-vous testé le service Meeboo ? Il vous permet de vous connecter à la plupart des messageries instantanées avec un client Web superbe. Voilà une application où Ajax a de l'intérêt par exemple.

Mes convictions personnelles sont donc l'utilisation de cette technologie à des endroits bien particuliers d'un site Internet. La partie administration ( Backoffice ) est très souvent simplifiée grâce à ce genre d'outils. Ajax offre aussi l'opportunité de créer des applications au sein d'un site et c'est une autre de ses grandes qualités.

Pour conclure je dirais donc que la navigation sur un site public doit rester ergonomique, simple et accessible mais qu'il ne faut pas oublier Ajax pour la création d'une application WEB poussée ou la gestion du backoffice.

 

 
Un client AIM en Ajax ! PDF Imprimer Email
Écrit par Administrator   
Mardi, 06 Décembre 2005 16:47

Le site www.meebo.com propose la connexion aux différents clients de messageries instantanées, que ce soit MSN, ICQ, Jabber, GTalk ou Yahoo ! Messenger. Ce site utilise une technologie Ajax pour l'affichage du client. Le résultat est aussi convivial que le clients lourds, les soucis de proxy / firewall en moins.

La technologie Ajax se prête particulièrement bien à la réalisation d'un client léger/riche de messagerie instantanée, on pourrait même presque dire que cette technologie permet la réalisation d'une telle application. Le fonctionnement asynchrone de la messagerie instantanée nécessite en effet une communication constante avec le serveur pour la réception de message dans un usage web. Avant l'arrivée d'Ajax, ce rafraichissement nécessitait le réaffichage complet de la page ou des manipulations de frame un peu complexe, si bien que ce type d'application n'existait qu'à titre expérimental.

Ajax apporte une solution en permettant de ne rafraichir que les messages instantanés et non la totalité de la page. Cette nouvelle fonctionnalité permet de restreindre au stricte nécessaire les échanges entre le client et le serveur mais permet aussi de ne raffraichir que les communications ayant évolué. Le résultat est une fluidité de l'application parfaite et l'illusion de l'utilisation du client lourd traditionnel.

Outre ce mode de communication, l'application de meebo.com profite de tous les attrait d'Ajax en proposant le déplacement des éléments applicatif au sein de la fenêtre de navigation par exemple. Bref, on se croirait dans un vrai client de messagerie. Sauf que là : pas besoin d'installation, pas besoin d'autorisations particulières sur le firewall ou le proxy : tous les échanges se font en http.

Pour ma part, je leur tire mon chapeaux !

 

LAST_UPDATED2
 


 

Flux rss


Warning: file_put_contents(/www/www.ajax-fr.org/htdocs/cache/695e4ba2bec7dff31c72fb5a3b07b36f.spc) [function.file-put-contents]: failed to open stream: Permission denied in /www/www.ajax-fr.org/htdocs/libraries/simplepie/simplepie.php on line 8666

Warning: /www/www.ajax-fr.org/htdocs/cache/695e4ba2bec7dff31c72fb5a3b07b36f.spc is not writeable in /www/www.ajax-fr.org/htdocs/libraries/simplepie/simplepie.php on line 1779

Warning: file_put_contents(/www/www.ajax-fr.org/htdocs/cache/695e4ba2bec7dff31c72fb5a3b07b36f.spc) [function.file-put-contents]: failed to open stream: Permission denied in /www/www.ajax-fr.org/htdocs/libraries/simplepie/simplepie.php on line 8666

Warning: /www/www.ajax-fr.org/htdocs/cache/695e4ba2bec7dff31c72fb5a3b07b36f.spc is not writeable in /www/www.ajax-fr.org/htdocs/libraries/simplepie/simplepie.php on line 1779
Ajaxian » Front Page
Cleaning up the web with Ajax
  • The Quick & Easy Way of Getting into YUI: SimpleYUI
    The Yahoo! YUI is an incredibly feature-rich JavaScript library with a LOT of functionality but getting your head around all of those features can be tough. The YUI team wants...
  • A Periodic Table for HTML
    Josh Duck has put together a fun and useful list of the 104 elements currently in the HTML5 working draft but organized like a periodic table of elements: When you click...
  • The Node.js now running on webOS – and more Web improvements
    By Dion Almaer webOS 2.0 SDK has just launched, and it has node.js built in (and more). The following is taken from my personal blog At our last Palm Developer Day, Ben...
  • A Drumbeat for the Open Web
    I stumbled on the Mozilla Foundation's Drumbeat project recently: Drumbeat gathers smart, creative people like you around big ideas, practical projects and local events that improve the open web. It's very well...