Skip to Content »

Google AJAX Libraries API

  • 27/05/2008
  • 10:59 pm
  • unijimpe

Google AJAX Libraries API es un nuevo servicio mediante el cual Google aprovechando de su gran infraestructura alojará las principales Frameworks Javascript para enlazarlos directamente. Con ello podremos acelerar la carga de nuestras librerías y por consiguiente una mejor velocidad de nuestras web.

Este servicio, tienes varias cualidades muy importantes:

  • Uso del Cache del Browser: Si un usuario visita una Web, descargará la librería desde Google. Si posteriormente entra a otra web que utiliza la misma librería, esta ya no se descargará nuevamente si no se utilizará la copia en el cache de navegador.
  • Compresión Gzip: se encuentran habilitadas las transferencia de datos comprimidas en Gzip con lo cual hay menor transferencia de datos.
  • Versiones minificadas: al llamar a una librería, se hará uso de las versiones minificadas, es decir donde se han eliminado los comentarios, saltos de linea, espacios en blanco innecesarios y reemplazado nombres de variables por otras mas cortas. Esto también acelera la carga del archivo.
  • Archivos distribuidos por en CDN de Google: se utiliza toda la infraestructura de Google, por lo cual el archivo se puede obtener de cualquiera de lo muchos servidores alrededor del mundo con los que cuenta Google.
  • Optimización de Header: se utilizaran headers innecesarios y tampoco se guardaran cookies lo cual es un ahorra de bytes.

Inicialmente se han puesto a disposición las librerías mas populares, pero se planea ir aumentando estas a medida que los usuarios lo soliciten. Las librerías disponibles actualmente son: jQuery, prototype, script.aculo.us, MooTools, dojo.

Como Utilizarlo
La forma mas sencilla de utilizar este servicio es enlazar directamente a los archivos utilizando el tag script como se hace normalmente, por ejemplo si deseamos cargar MooTools.

  1. <!-- versión minificada -->
  2. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.11/mootools-yui-compressed.js"></script>
  3. <!-- versión normal -->
  4. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.11/mootools.js"></script>

Para mayor información acerca de este servicio pueden leer la documentación en Developer's Guide, también pueden leer una explicación mas detallada del modo de uso en Google Ajax Libraries API, ajax sobre la arquitectura Google y finalmente les dejo un video con la presentación y explicación del funcionamiento de esta librería.

Cargando Flash

Posts Relacionados

Acerca de los Sitelinks

  • 24/02/2008
  • 4:49 pm
  • unijimpe

Los Sitelinks son los enlaces o vínculos que se muestran para algunos sitios debajo de los resultados de búsqueda, sirven para ayudar a los usuarios a ubicar el contenido mas destacado de un determinado sitio web.

sitelinks.gif

Como crear Sitelinks
Según Google el proceso para generar los Sitelinks es completamente automatizado, se muestran cuando se estima que estos enlaces serán útiles a los usuarios y ayudara a ahorrar tiempo al navegar a travez de un web.

Es decir no podemos crear estos Sitelinks y además de ello Google no es claro para describir el proceso que realiza para generarlos lo que nos deja a la merced de la voluntad de Google para generarlos.

Como manipular los Sitelinks
La unica opción que se tiene es si ya se ha generado Sitelinks para tu web, puedes acceder a tu panel de Google Webmasters Central en la opción Sitelinks en donde podrás eliminar algunos de los enlaces que se han generado automáticamente.

Pueden conocer mas acerca de este tema pueden leer:

Posts Relacionados

Google Maps en Flash

  • 10/02/2008
  • 10:46 pm
  • unijimpe

En esta oportunidad les presentamos un Componente para Flash llamado GMap V. 2.6.1 que nos permitirá incluir mapas de forma sencilla del servicio Google Maps. Este componente utiliza Google Maps API para conectarse y obtener los mapas, además de ello tiene una gran variedad de eventos, propiedades y métodos que nos permitirá personalizar fácilmente el mapa a incluir.

Obteniendo el Componente
Este componente es desarrollado por AFComponents, una empresa dedicada a desarrollar y vender componentes, pero no se preocupen este componente es gratuito, lo único que tienen que hacer es registrarse de forma gratuita y luego descargar el componente.

Identificando las Coordenadas
Lo primero que necesitamos para incluir un mapa son las coordenadas del centro del mapa, para ello podemos entrar a Google Maps, explorar hasta ubicar el mapa que deseamos insertar, e identificamos las coordenadas.

maps-simple.gif

Esto lo hacemos haciendo click en la opción Enlazar con esta página el cual nos mostrará un enlace de la forma:

  1. http://maps.google.com/?ie=UTF8&ll=-12,-77&spn=0.6,0.9&z=1&om=0

En donde identificamos las coordenadas bajo el parámetro ll, en este ejemplo sería (-12,-77). Nosotros utilizaremos la coordenada (-12.097738,-76.991501) que muestra las calles de Lima - Perú.

Creando Nuestro Primer Mapa
El primer paso es colocar una instancia del componente GMap a nuestra película. Podemos modificar las dimensiones del mapa simplemente modificando las dimensiones de la instancia del componente como cualquier MovieClip. Luego de ello podemos configurar el mapa utilizando el panel de Parámetros del componente.

config-map.gif

Ingresamos el valor de la latitud y longitud que hemos identificado anteriormente, luego el tipo de mapa (map, satellite, hybrid) y el valor del zoom del mapa. Ingresamos los datos de acuerdo a nuestros requerimientos y ya tenemos listo nuestro primer mapa.

Cargando Flash

Agregando Controles Avanzados
Lo siguiente es agregar controles, para ello existen una serie de métodos y propiedades, todas ellas documentadas en un archivo que viene junto con el componente. Entonces si a la instancia del componente lo llamamos map, tendríamos el siguiente código.

  1. map.addControl(map.GZoomControl());
  2. map.addControl(map.GPositionControl());
  3. map.addControl(map.GTypeControl());

Con lo cual obtenemos el siguiente resultado que incluye los controles para navegar en el mapa.

Cargando Flash

Obviamente hay muchas mas opciones para personalizar estos mapas y puedes encontrar mas ejemplos y referencias en la documentación del componente. Para finalizar les dejo los archivos fuente para descarga.

Posts Relacionados