API de Gadget<br />Integrantes: Denisse Saltos<br />                         Tiziana Herrera<br />
¿Quées un Gadget?<br />Un gadget es una pequeña aplicación, que los usuarios pueden instalar en su web, blog, red social f...
API  Google Desktop<br />Las API de Google Desktop te permiten crear gadgets y complementos de indexación para Google Desk...
API  Google Desktop<br />Las API de Google Desktop constan de dos partes:<br />API de Gadgets<br />API de búsquedas<br />E...
Creación de un Gadget<br />La API de Google Gadgets es un método simple para crear pequeñas aplicaciones que se ejecuten e...
Tipo de contenido<br />Antes de crear un Gadget se debe tener en cuenta el tipo de contenido, el mismo que determina:<br /...
Tipo de contenido<br />
Ejemplo usando HTML<br />&lt;Module&gt; <br />	&lt;ModulePrefs ... /&gt; <br />	&lt;Content type=&quot;html&quot;&gt;<br /...
Ejemplo usando HTML-Inline<br />&lt;?xmlversion=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt; <br />&lt;Module&gt; <br /...
Ejemplo Gadget usando URL<br />&lt;Module&gt; <br />	&lt;ModulePrefs ... /&gt; <br />	&lt;Content type=&quot;url&quot; hre...
Anatomía de un Gadget<br />La especificación de gadget XML consta de 3 partes principales:<br />Sección de contenido &lt;C...
Anatomía de un Gadget<br />Preferencias del usuario &lt;UserPrefs&gt;- Se definen los controles que permiten a los usuario...
Anatomía de un Gadget<br />Preferencias del gadget&lt;ModulePrefs&gt;- Del archivo XML se especifican las características ...
Upcoming SlideShare
Loading in …5
×

API de Gadget

1,627 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,627
On SlideShare
0
From Embeds
0
Number of Embeds
88
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

API de Gadget

  1. 1. API de Gadget<br />Integrantes: Denisse Saltos<br /> Tiziana Herrera<br />
  2. 2. ¿Quées un Gadget?<br />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.<br />
  3. 3. API Google Desktop<br />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. <br />
  4. 4. API Google Desktop<br />Las API de Google Desktop constan de dos partes:<br />API de Gadgets<br />API de búsquedas<br />El API de gadget consiste en unos simples componentes básicos: XML, HTML y JavaScript<br />
  5. 5. Creación de un Gadget<br />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 <br />
  6. 6. Tipo de contenido<br />Antes de crear un Gadget se debe tener en cuenta el tipo de contenido, el mismo que determina:<br />Las funciones de API que tienes disponibles como creador de un gadget.<br />La forma en que se ejecuta el gadget .<br />Dónde se puede instalar el gadget. <br />
  7. 7. Tipo de contenido<br />
  8. 8. Ejemplo usando HTML<br />&lt;Module&gt; <br /> &lt;ModulePrefs ... /&gt; <br /> &lt;Content type=&quot;html&quot;&gt;<br /> &lt;![CDATA[ <br />Incluir código Html<br /> ]]&gt;<br /> &lt;/Content&gt; <br />&lt;/Module&gt;<br />
  9. 9. Ejemplo usando HTML-Inline<br />&lt;?xmlversion=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt; <br />&lt;Module&gt; <br /> &lt;ModulePrefstitle=&quot;Inline Test&quot;/&gt; <br /> &lt;Content type=&quot;html-inline&quot;&gt; <br /> &lt;![CDATA[ &lt;h4&gt;Everything looks better in pink.&lt;/h4&gt;<br /> &lt;script type=&quot;text/javascript&quot;&gt; _IG_RegisterOnloadHandler(function () { // Turnthepersonalizedhomepagebackgroundpink. document.body.style.backgroundColor=&quot;Pink&quot;; });&lt;/script&gt; ]]&gt;<br /> &lt;/Content&gt; <br />&lt;/Module&gt; <br />
  10. 10. Ejemplo Gadget usando URL<br />&lt;Module&gt; <br /> &lt;ModulePrefs ... /&gt; <br /> &lt;Content type=&quot;url&quot; href=&quot;http://www/cgi-bin/example/gadgets/mystats.cgi&quot; /&gt; <br />&lt;/Module&gt; <br />
  11. 11. Anatomía de un Gadget<br />La especificación de gadget XML consta de 3 partes principales:<br />Sección de contenido &lt;Content&gt;- 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. <br />
  12. 12. Anatomía de un Gadget<br />Preferencias del usuario &lt;UserPrefs&gt;- Se definen los controles que permiten a los usuarios especificar valores para el gadget. <br />
  13. 13. Anatomía de un Gadget<br />Preferencias del gadget&lt;ModulePrefs&gt;- Del archivo XML se especifican las características del gadget como, por ejemplo, el título, el autor, el tamaño preferido, etc. <br />

×