API DE GADGET

Integrantes: Denisse Saltos Tiziana Herrera

¿QUÉ ES UN GADGET? Un gadget es una pequeña aplicación,

que los usuarios pueden instalar en su web, blog, red social favorita como Facebook, MySpace o incluso descargarse en su computador o teléfono móvil.

API GOOGLE DESKTOP Las API de Google Desktop te permiten

crear gadgets y complementos de indexación para Google Desktop. También se puede integrar las funciones de búsqueda de Google Desktop en tus propias aplicaciones.

API GOOGLE DESKTOP Las API de Google Desktop constan de

dos partes:API de GadgetsAPI de búsquedas

El API de gadget consiste en unos simples componentes básicos: XML, HTML y JavaScript

CREACIÓN DE UN GADGET La API de Google Gadgets es un método

simple para crear pequeñas aplicaciones que se ejecuten en varios sitios web, incluido la Página de iGoogle, Google Desktop, Google Gadget Editor

TIPO DE CONTENIDO Antes de crear un Gadget se debe tener

en cuenta el tipo de contenido, el mismo que determina:Las funciones de API que tienes disponibles

como creador de un gadget.La forma en que se ejecuta el gadget .Dónde se puede instalar el gadget.

TIPO DE CONTENIDO

Html

• El contenido reside, por lo general, en la especificación del gadget.

• Un gadget type="html" contiene código HTML, posiblemente con objetos JavaScript, Flash, ActiveX u otros objetos de navegador incrustados. Se trata del tipo predeterminado.

Html - inline

• El código HTML del gadget se ejecuta como parte de la página principal en lugar de hacerlo en un iframe. De esta manera, el gadget podrá modificar la página principal, por ejemplo, para cambiar el color de la fuente.

URL

• El contenido del gadget se aloja en una página web remota a la que hace referencia una URL en la especificación del gadget.

• En la página web remota residen todas las etiquetas HTML y JavaScript.

• NO se puede insertar ningún código de etiquetas HTML ni JavaScript en la especificación del gadget propiamente dicha.

EJEMPLO USANDO HTML<Module>

<ModulePrefs ... /> <Content type="html"><![CDATA[

Incluir código Html]]></Content>

</Module>

EJEMPLO USANDO HTML-INLINE

<?xml version="1.0" encoding="UTF-8"?> <Module>

<ModulePrefs title="Inline Test"/> <Content type="html-inline"> <![CDATA[ <h4>Everything looks better in pink.</h4><script type="text/javascript"> _IG_RegisterOnloadHandler(function () { // Turn the personalized homepage background pink. document.body.style.backgroundColor="Pink"; });</script> ]]></Content>

</Module>

EJEMPLO GADGET USANDO URL

<Module> <ModulePrefs ... /> <Content type="url" href="http://www/cgi-bin/example/gadgets/mystats.cgi" />

</Module>

ANATOMÍA DE UN GADGET La especificación de gadget XML consta

de 3 partes principales:Sección de contenido <Content> - Se

desarrolla el trabajo real del gadget. En esta sección se especifica el tipo de gadget, la lógica de programación y, a menudo, los elementos HTML que determinan su aspecto y diseño.

ANATOMÍA DE UN GADGETPreferencias del usuario <UserPrefs> - Se

definen los controles que permiten a los usuarios especificar valores para el gadget.

ANATOMÍA DE UN GADGETPreferencias del gadget <ModulePrefs> -

Del archivo XML se especifican las características del gadget como, por ejemplo, el título, el autor, el tamaño preferido, etc.