Añade Google Search en tu blog mediante AJAX

ByLuis

google.pngGoogle no para de sorprendernos y en esta ocasión nos ofrece un API para incluir búsquedas normales, de videos, en blogs, en mapas y en noticias, en nuestro propio blog (bueno, o sitio web en general). Lo más destacable es que se trata de búsquedas realizadas con AJAX, por lo que la actualización se realiza de una forma muy dinámica.
Como no, Google ofrece además una serie de ejemplos que nos van a ayudar a incluir su API en nuestra web.
Google AJAX Search API
Vía / menéame

Similar Posts

Errores al desarrollar con Ajax

ByLuis

Buena serie de consejos para evitar cometer errores cuando desarrollamos con Ajax.

  • Ajax es una herramienta, no un juguete: en muchos casos el uso de Ajax es totalmente innecesario.
  • No se lleva bien con el botón back del navegador: este botón es necesario para la usabilidad y javascript no se lleva muy bien con él.
  • No avisar de que se realiza una acción: cuando hago click en alguna zona de la página y se genera una acción, se debería avisar de ello para que el usuario sepa que se están actualizando datos.
  • Dejar a los usuarios offline de lado: que cada vez haya más gente con conexión a internet, no quita que nos debamos olvidar de la gente que apenas hace uso de ella, por ello es necesario pensar que las páginas en Ajax muestran datos de forma dinámica, y que no se producirá el refresco de datos si el usuario está offline.
  • Hacer esperar al usuario: la ‘A’ de Ajax es de asíncrono, no es necesario que el usuario haga algo para obtener datos, nos podemos adelantar a sus acciones e ir realizando peticiones para obtener esos datos y que el usuario no tenga que esperar la respuesta.
  • Enviar información sensible de forma visible: en muchas ocasiones enviamos al navegador los mismos datos que se reciben en la aplicación, la diferencia es que la aplicación filtra esos datos y muestra los que convienen. En el navegador, aunque no se muestren todos, si se envían se podrán ver.
  • Asumir que Ajax es una única plataforma: hay que testear correctamente las aplicaciones Ajax para que se puedan ver en las distintas plataformas que permiten Ajax, por ejemplo los distintos navegadores.
  • Múltiples usuarios: si tu aplicación la usan varios usuarios a la vez, ten en cuenta que puede haber problemas al actualizar datos por parte de unos y visualizarlos por parte de otros.
  • Excesivo trabajo para el navegador: a veces el uso de aplicaciones Ajax hace que el navegador tenga que realizar muchas tareas, lo cual puede no ser bueno para el rendimiento.
  • Olvidarse de aquellos que no tienen Javascript: según las estadísticas son un 11%, por ello siempre hay que ofrecer una alternativa no Ajax.
  • No usar enlaces: al refrescarse el contenido dinámicamente, nos olvidamos de los enlaces para poder acceder a esa información.
  • Salirse de lo común en la usabilidad: al permitirnos realizar operaciones poco habituales, nos encontramos con la circunstancia de que esperemos que el usuario realice una acción que este no espera que se tenga que hacer así. La gente suele estar acostumbrada a realizar siempre lo mismo.
  • No realizar cambios en cascada: nos olvidamos de que cuando cambia una parte de la página deben cambiar a su vez otras partes relacionadas.

Yo a parte añadiría algo que se suele decir con frecuencia pero que nunca está mal volver a repetirlo: el que asíncrono implica que si se lanzan varias peticiones al servidor, el orden de llegada no tiene que ser el mismo que el orden de envío, esto es muy importante a la hora de actualizar datos.

Ajax Mistakes

|

PHPLiveX: librería PHP y Ajax

ByLuis

PHPLiveX es una librería PHP que facilita la llamada desde Ajax a funciones PHP. Genera código Javascript que implementa funciones con los mismos nombres y argumentos dados en una lista de funciones PHP. Cuando el código Javascript generado es llamado, empieza la petición Ajax que invoca a su respectiva función PHP en el servidor.

Actualmente está probado para los navegadores Mozilla, Firefox, Internet Explorer y Opera. Su uso parece muy sencillo En el código PHP debes indicar la función:

<?php
function miFuncion($texto){
return $texto;
}
$plx = new PHPLiveX("miFuncion");
// También se puede hacer así
// $plx = new PHPLiveX();
// $plx->Export("miFuncion");
?>

Y luego en el HTML debes escribir lo siguiente:

<script type="text/javascript">
<? $plx->Run(); ?>
</script>

PHPLiveX

Vía / VT’s Tech Blog

WaveMaker: crear aplicaciones web en modo visual

ByLuis

WaveMaker Visual Ajax Studio es una aplicación que nos permite desarrollar aplicaciones web de forma visual, mediante drag&grop. Podrás unir Ajax widgets, web services y bases de datos para crear aplicaciones de forma rápida y sencilla.
wavemaker.png
Esta aplicación reduce el tiempo y el costo de desarrollo de nuevas aplicaciones de negocio. Los desarrolladores mejorarán los tiempos hasta en un 67% del tiempo y el número de líneas en un 98%, ya que creará aplicaciones war de Java.
Entre las características nos encontramos con el drag&drop, sistema de layouts, deploy, SOAP, REST, RSS y servicios web.
WaveMaker Visual Ajax Studio
Vía / WebAppers

| |

API para Feeds de Google

ByLuis

Google ha sacado un API para obtener feeds mediante Javascript. Podremos usar esta librería para obtener los feeds de cualquier dominio de una forma más sencilla mediante Ajax.
El API devuelve los resultados en dos formatos: JSON y XML. Por defecto usa JSON, devolviendo los datos del RSS de forma abreviada y con un formato específico.
También existe la posibilidad de que te devuelva los resultados en un formato mezcla de JSON y XML, devuelve el formato JSON y la modo de acceso XML.
Una librería que nos puede ser muy útil.
Announcing the Google AJAX Feed API
Vía / Ajaxian

| |

Comet paso a paso: pizarra colaborativa para páginas web

ByLuis

Hoy vamos a ver otro ejemplo de Comet, que a los que trabajamos en desarrollo web, nos puede venir muy bien, para cuando queremos testear una aplicación web de forma conjunta y online. También puede ser útil para realizar presentaciones.

Se trata de una pizarra colaborativa, para dibujar sobre páginas web. Cada usuario dibuja sobre el navegador y el resto de los usuarios ven lo que ha dibujado. Nada mejor para entenderlo que el siguiente video.

Se van a usar sobre todo tres cosas: comet, canvas y http://www.php.net/xml, todo sobre Firefox.

Read More “Comet paso a paso: pizarra colaborativa para páginas web”