|
Généralités sur Ajax
|
É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 |
|
|
|
|
É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 |
|
|
|
|
É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 |
|
|
|
|
É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 |
|
|
É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. |
|
É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. |
|
É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...
|
|