AJAX?, sí i no

Avui per avui llegir, escoltar i emprar aplicacions basades en AJAX és molt freqüent, tant que hom es sent inmers dins una nova era del disseny web. Però, què és AJAX?

De la Wikipèdia en treim la següent definició:

AJAX, acrònim de Asynchrous JavaScript And XML. Tècnica de desenvolupament web per crear aplicacions combinant tres tecnologies existents:

  • HTML (XHTML) i CSS, per presentar la informació
  • DOM i Javascript, per interactuar dinàmicament amb les dades
  • XML i XSLT, per intercanviar i manipular dades de manera desincronitzada amb un servidor web.

En resum el concepte és carregar una pàgina, mantenir-se i operar a aquesta web, mentre rutines i javascripts cerquen les dades al servidor que seràn utilitzades per mostrar o amagar nous continguts o seccions de la pàgina on esteim.

Així es creen aplicacions cada cop més potents dins la web 2.0 i moltes d’elles usen aquesta tècnica. Exemples com el comentat Remember the Milk demostren un ús d’AJAX brillant.

Però no pel fet que sigui una nova tendència i una nova tècnica de desenvolupar webs ha de ser l’única, ni la nova guia de disseny web a seguir.
De fet tots sabem de la calitat, potència i prestacions d’un Lamborgini, però creis que és apte per un Dakar? NO! No fariem ni una etapa completa amb aquest tipus de cotxe!
Doncs amb l’AJAX passa més o menys el mateix. Es tracta d’una eina molt potent i espectaular però emprada sols als llocs i aplicacions adients, no com a base de cada una de les interaccions que ha de tenir l’usuari amb la web.

Són bastants els que últimament opinen envers d’aquesta tendència i les seves conseqüències en l’ús substitutiu de la tècnica tradicional HTML.
Jakob Nielsen ha fet un alertbox on rebutja l’ús de l’AJAX.
Altres han estat més moderats i sols destaquen on sí i on no, emprar AJAX.

Partint de l’article 10 Places You Must Use Ajax d’Alex Bosworth veim que l’AJAX és:

Convenient:

  • Formularis complexes amb molta interacció (l’AJAX ajuda i/o interactúa donant pistes en cada punt del que pots omplir)
  • Estructures d’arbre de navegació jeràrquica profundes
  • Comunicació ràpida entre usuaris (en un intercanvi d’opinions a un fòrum o llista l’usuari es veu obligat a actualitzar la web per veure les respostes noves, amb AJAX no faria falta actualitzar el navegador)
  • Enviar un vot, respondre preguntes si/no, valorar (reduint el temps ja que la resposta, vot, és instantani i no has d’esperar cap recàrrega de la web)
  • Filtrar o gestionar dades (ordenar per data, per nom, …molt més ràpid)

No és convenient per:

  • Formularis simples
  • Cercadors
  • Navegació bàsica
  • Substitució de texts amplis
  • Presentació visual
  • Controls inútils (arrossegar i amollar, etc)

Ara repassem el llistat anterior i mirem la definició d’AJAX (resumint molt, seria HTML+Javascript+XML) i podrem deduïr fàcilment que l’AJAX seria realment beneficiós a les aplicacions i accions on fós necessari utilitzar Javascript. per interactuar amb XML al servidor. Si no ja ens va bé amb HTML (XHTML).

Exemples aplicant AJAX n’hi ha moltíssims, des de Gmail a com ja deiem abans Remember the Milk on empren AJAX des del primer moment, inclús per recomenar-te quin nom d’usuari et convé o si el password és massa curt o poc segur.

En un proper article parlarem del que diu Jakob Nielsen de l’AJAX i el seu ús.

Tags Technorati : , , , ,

8 Comentaris a “AJAX?, sí i no”

Gravatar de meneame.net

meneame.net
22 de desembre de 2005 a las 10:59 pm    

Ajax? sí i no

AJAX? qué es, usos adecuados y no adecuados de esta técnica web. (en catalán)

Gravatar de Edu

Edu
23 de desembre de 2005 a las 9:13 am    

Hola Oscar.

Per mi AJAX es útil desde el moment que pots fer crides al servidor sense haver de recarregar la pàgina. Es posible que aixó ara no sigui molt important amb les connexions a Internet que tenim (qui recorda les trucades al 050?).

No hi ha cosa me odiosa que enviar un formulari de 1000 camps (pàgines de productes “corporatius” tipus Oracle, IBM, Bea, …) i que després de 5 minuts esperant et retorni a la mateixa pàgina amb una serie de camps marcats en vermell.

Lo bo es que a l’hora de programar si que hi ha una part molt diferenciada de lo que es la part “client” de lo que es la part “servidor” cosa que amb tecnología “web 1.5″ (JSPs, ASPs, PHPs) no acabava d’estar clar i que pots millorar considerablement la interacció de l’usuari amb la web (per exemple per actualitzar la informació d’una cerca a mesura que l’usuari va introduint termes, o per validar si un identificador es pot agafar).

Lo dolent es que la programació es complica encara que ni han mileres de Frameworks per treballar, veig massa diversitat, suposo que es normal quan tothom s’aboca en una nova tecnología.

La resposta per mi es la de sempre, AJAX bo, pero no sempre.

Salutacions i bones festes

Edu

Gravatar de Oscar

Oscar
23 de desembre de 2005 a las 10:36 am    

Hola Edu, tens raó!

Les connexions han avançat molt i molts de cops no pensam en que hi ha gent que avui per avui es segueix connectant via módem de 56k.

Tot i així per moltes accions la millor opció és sense dubtes HTML clàssic, res de AJAX ni fer usos de Javascripts.

Per formularis com dius tu, pot ser ja s’està fent essencial fer-ne ús. ;)

El tema dels Framworks i programar-lo ja és una altra tema! :p

Edu, bones festes i gràcies pel comentari.
Ens veim!

Gravatar de bonhamled

bonhamled
27 de desembre de 2005 a las 3:43 pm    

Es muy interesante tu artículo y aunque yo entiendo bastante bien el catalán (aunque no lo hablo en la intimidad) algunas veces se hace un poco complejo.
Sería posible que introdujeras un vinculo de traducción?
Yo con esto de las lenguas ni entro ni salgo solo que me gusta enterarme de todo lo que se dice.
gracias
bonhamled
http://almadormida.blogspot.com

Gravatar de Oscar

Oscar
27 de desembre de 2005 a las 3:55 pm    

Hola bonhamled!

Mira aquí et pas un link de traducció que esper et serveixi, gràcies per llegir l’article i interesar-te en com traduïr-lo.

Salutacions.

http://www.internostrum.com/navegar.php

Gravatar de » Meebo, IM desde web

» Meebo, IM desde web
5 de gener de 2006 a las 11:22 am    

[…] Si algú està interessat en conèixer que és això de l’Ajax es pot passar pel blog de l’Oscar Barber, on explica detalladament que podem realitzar amb aquest tipus de llenguatge web. […]

Gravatar de Món Geek » Crear direccions URL curtes

Món Geek » Crear direccions URL curtes
6 de gener de 2006 a las 2:43 pm    

[…] url(x): Es la meva preferida (i funciona amb Ajax). Només has d’aferrar (Ctrl+V) la direcció web al recuadre de la pàgina de url(x) i automàticament et donarà una direcció més curta. Si encara la vols més curta, pitja damunt l’enllaç More options i desactiva la casella Include domain name in short URL. Després només et queda activar la nova direcció amb el botó d’activar. Fàcil, no? […]

Gravatar de Roulette

Roulette
24 de gener de 2007 a las 12:07 am    

Roulette

oddly Sicily,balkiness Palmolive full Roulette [url=http://www.atroulette.com/#]Roulette[/url] http://www.atroulette.com/#

Més entrades al Bloc