{"id":94197,"date":"2008-06-09T15:09:00","date_gmt":"2008-06-09T15:09:00","guid":{"rendered":"http:\/\/weblogs.madrimasd.org\/\/bioinformatica\/archive\/2008\/06\/09\/94197.aspx"},"modified":"2008-06-09T15:09:00","modified_gmt":"2008-06-09T15:09:00","slug":"widgets-widgets-%c2%a1mas-widgets","status":"publish","type":"post","link":"https:\/\/www.madrimasd.org\/blogs\/bioinformatica\/2008\/06\/09\/94197","title":{"rendered":"Widgets, widgets \u00a1m\u00e1s widgets!"},"content":{"rendered":"

Recordando la frase de \u00abJohnny 5<\/a>\u00bb en la vieja pel\u00edcula \u00abCortocirtuito 2<\/a>\u00bb ‘Datos, Datos, \u00a1M\u00e1s Datos!<\/b>‘ he creado el t\u00edtulo de esta entrada. Los widgets<\/i><\/a> son peque\u00f1os trozos de c\u00f3digo que proporcionan funcionalidades sencillas, pero necesarias (calculadoras, informaci\u00f3n meteorol\u00f3gica, vuelos disponibles, etc…), integradas en alg\u00fan tipo de entorno (escritorios, tel\u00e9fonos m\u00f3viles, navegadores, etc…). Por ejemplo ya hay un intento de estandarizaci\u00f3n de los widgets por parte de la W3C<\/a>, Google<\/a> tiene su propio sistema de gadgets<\/i> para su i<\/i>Google<\/a>, Yahoo!<\/a> provee su propio sistema de widgets (con programas para poder lanzarlos en diversas plataformas)<\/a>, el navegador Opera lleva bastante tiempo con esa tecnolog\u00eda<\/a>, sistemas como Mac OS X (dashboard<\/i>)<\/a>, Windows Vista (gadgets<\/i>)<\/a> o KDE4 (Plasma<\/i>)<\/a> los integran en el escritorio, y sistemas como Konfabulator<\/a> o Superkaramba<\/a> los popularizaron.<\/p>\n

Uno de los primeros mensajes que sub\u00ed a este blog<\/a> fue el de ProteinGlimpse<\/a> un widget<\/i> hecho por un antiguo alumno, y ahora compa\u00f1ero de trabajo y amigo, Jaime Fern\u00e1ndez. Pues bien, este widget como tal ha llegado a la versi\u00f3n 1.5<\/a>, y pronto ser\u00e1 usable en Linux gracias a las mejoras de KDE 4.1<\/a>. Tanto \u00e9l como yo y vari@s de mis compa\u00f1er@s estamos involucrados en el desarrollo del sistema CARGO<\/a> (enlace a la publicaci\u00f3n<\/a>), que intenta desarrollar el concepto de widget<\/i> en el \u00e1mbito bioinform\u00e1tico.
<\/p>\n

<\/a><\/div>\n

Uno de ellos, Jos\u00e9 Manuel Rodr\u00edguez, estuvo investigando c\u00f3mo poder integrar los widgets<\/i> de CARGO en i<\/i>Google, y tras perseguirlo un poco he conseguido que escriba la siguiente documentaci\u00f3n de c\u00f3mo hacer un i<\/i>Google gadget<\/i>:<\/p>\n

\n

Se ha creado paraCargo<\/a> un iGoogle Gadget para poder as\u00ed tener la funcionalidadde esta aplicaci\u00f3n web en varios sitios. La vista inicial deCargo como un iGoogle Gadget es la siguiente:<\/font><\/p>\n

<\/font><\/p>\n

La API de GoogleGadgets es un m\u00e9todo simple para crear peque\u00f1asaplicaciones que se ejecuten en varios sitios web, incluido la <\/font>P\u00e1ginade iGoogle<\/a><\/u>, <\/font>GoogleDesktop<\/a><\/u>, <\/font>GooglePage Creator<\/a><\/u> y miles de sitios de Internet queutilizan <\/font>GoogleGadgets<\/a><\/u> para tu p\u00e1gina web. Google Gadgetsllega a decenas de millones de usuarios cada semana; mejor a\u00fan,Google proporciona alojamiento gratuito, ancho de banda gratuito y unm\u00e9todo f\u00e1cil para enviar tus gadgets al directoriooficial, desde donde podr\u00e1n acceder a ellos usuarios de todoel mundo.<\/font><\/p>\n

Los gadgets sonf\u00e1ciles de crear. La <\/font>Gu\u00edapara programadores<\/a><\/u> te explica c\u00f3mo utilizar laAPI de Google Gadgets y c\u00f3mo crear un gadget. En un nivelb\u00e1sico, un gadget es s\u00f3lo un archivo XML que recogecontenidos o aplicaciones web ya existentes. Por ejmplo:<\/font><\/p>\n

<?xmlversion=\u00bb1.0″ encoding=\u00bbUTF-8″ ?> <\/font><\/font><\/p>\n

<Module><\/font><\/font><\/p>\n

<ModulePrefstitle=\u00bbhello world example\u00bb \/> <\/font><\/font><\/p>\n

<Contenttype=\u00bbhtml\u00bb><\/font><\/font><\/p>\n

<![CDATA[<\/font><\/font><\/p>\n

Hello,world!<\/font><\/font><\/p>\n

]><\/font><\/font><\/p>\n

<\/Content><\/font><\/font><\/p>\n

<\/Module><\/font><\/font><\/p>\n

\n

Hello, world!
<\/font><\/p>\n<\/blockquote>\n

Una de las primerasdecisiones que se deben tomar a la hora de crear un gadget es el tipode contenido (vea los <\/font>Principiosde programaci\u00f3n<\/a><\/u>).<\/font><\/p>\n<\/blockquote>\n

\n\n\n\n\n\n\n\n
\n

Tipo de contenido<\/font><\/p>\n<\/td>\n

\n

Descripci\u00f3n<\/font><\/p>\n<\/td>\n<\/tr>\n

\n

html<\/font><\/p>\n<\/td>\n

\n

Con un tipo de contenido html, todo el\t\t\tcontenido reside en la especificaci\u00f3n del gadget. Un gadget\t\t\tque incluya type=\u00bbhtml\u00bb contiene c\u00f3digo HTML,\t\t\tposiblemente con JavaScript, Flash, ActiveX u otros objetos del\t\t\tnavegador incrustados. Este es el tipo de contenido\t\t\tpredeterminado.<\/font><\/p>\n<\/td>\n<\/tr>\n

\n

html-inline<\/font><\/p>\n<\/td>\n

\n

El c\u00f3digo HTML del gadget se ejecuta\t\t\tcomo parte de la p\u00e1gina principal en lugar de hacerlo en un\t\t\tiframe. De esta manera, el gadget podr\u00e1 modificar la p\u00e1gina\t\t\tprincipal, por ejemplo, para cambiar el color de la fuente.<\/font><\/p>\n<\/td>\n<\/tr>\n

\n

url<\/font><\/p>\n<\/td>\n

\n

Aqu\u00ed el contenido del gadget se aloja en\t\t\tuna p\u00e1gina web remota a la que hace referencia una URL en\t\t\tla especificaci\u00f3n del gadget. La p\u00e1gina web remota\t\t\tes el lugar donde reside todo el lenguaje de marcas HTML y\t\t\tJavaScript. NO se puede insertar ning\u00fan c\u00f3digo de\t\t\tlenguaje de marcas HTML ni JavaScript en la especificaci\u00f3n\t\t\tdel gadget propiamente dicha.<\/font><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

El iGoogle Gadget deCargo se trata de un tipo \u201curl\u201d, con lo que laadministraci\u00f3n y mantenimiento del Gadget depende totalmentedel servidor remoto.<\/font><\/p>\n

La descripci\u00f3ndel iGoogle Gadget de Cargo se muestra a continuaci\u00f3n. <\/font><\/p>\n

<Module><\/font><\/font><\/p>\n

<ModulePrefs title=\u00bbCargo\u00bbtitle_url=\u00bbhttp:\/\/cargo2.bioinfo.cnio.es\u00bbdirectory_title=\u00bbCancer and Related Gene Online\u00bbdescription=\u00bbCARGO displays biological information fromdifferent sources. We are thankful to the developers and Institutionsfor providing freely available services.\u00bbthumbnail=\u00bbhttp:\/\/cargo2.bioinfo.cnio.es\/iGoogleGadget\/cargo.png\u00bbwidth=\u00bb365″ height=\u00bb400″ author=\u00bbJose ManuelRodriguez Carrasco\u00bb author_email=\u00bbjmrodriguez@cnio.es\u00bbauthor_location=\u00bbMadrid, Spain\u00bb\/><\/font><\/font><\/p>\n

<Content type=\u00bburl\u00bbref=\u00bbhttp:\/\/cargo2.bioinfo.cnio.es\/iGoogleGadget\/cargo.html\u00bb\/><\/font><\/font><\/p>\n

<\/Module><\/font><\/font><\/p>\n

Aqu\u00ed sedetalla diferentes campos de informaci\u00f3n c\u00f3mo el nombredel Gadget, una decripci\u00f3n, el tipo de contenido, etc. C\u00f3mose ha dicho, el tipo de contenido de Cargo se trata de una URL.<\/font><\/p>\n

A continuaci\u00f3nse describen los pasos b\u00e1sicos que debes seguir para crear einstalar un gadget:<\/font><\/p>\n

    \n
  1. Usa un editorde textos para escribir la especificaci\u00f3n del gadget ygu\u00e1rdala en un servidor p\u00fablico. Si no tienes acceso aun servidor p\u00fablico, puedes usar una de las <\/font>alternativas<\/a><\/u>disponibles.<\/font><\/li>\n
  2. Ve a<\/font>http:\/\/www.google.com\/ig<\/a><\/u>.Si a\u00fan no dispones de una p\u00e1gina de iGoogle, debescrear una como se describe en <\/font>APIde Google Gadgets: introducci\u00f3n<\/a><\/u>.<\/font><\/li>\n
  3. Haz clic enA\u00f1adir elementos<\/b>. Esto te llevar\u00e1 <\/font>aldirectorio de contenido<\/a><\/u>. Puedes usar dicho directoriopara buscar gadgets y a\u00f1adirlos a tu p\u00e1gina principal.<\/font><\/li>\n
  4. Haz clic en elv\u00ednculo A\u00f1adir por URL<\/b>, junto al bot\u00f3n\u00bbBuscar contenido en la p\u00e1gina principal\u00bb.<\/font><\/li>\n
  5. En el cuadrode texto A\u00f1adir por URL<\/b>, escribe la URL de laespecificaci\u00f3n de gadget XML que deseas a\u00f1adir y hazclic en A\u00f1adir. Para averiguar cu\u00e1l es la URL, esposible que necesites ayuda del webmaster. Tambi\u00e9n puedes usar<\/font>elgadget del programador<\/a><\/u> para a\u00f1adir gadgets a tup\u00e1gina de iGoogle.<\/font><\/li>\n<\/ol>\n<\/blockquote>\n

    Espero que os sirva esta introducci\u00f3n.<\/p>\n","protected":false},"excerpt":{"rendered":"

    Recordando la frase de \u00abJohnny 5\u00bb en la vieja pel\u00edcula \u00abCortocirtuito 2\u00bb ‘Datos, Datos, \u00a1M\u00e1s Datos!‘ he creado el t\u00edtulo de esta entrada. Los widgets son peque\u00f1os trozos de c\u00f3digo que proporcionan funcionalidades sencillas, pero necesarias (calculadoras, informaci\u00f3n meteorol\u00f3gica, vuelos disponibles, etc…), integradas en alg\u00fan tipo de entorno (escritorios, tel\u00e9fonos m\u00f3viles, navegadores, etc…). Por ejemplo ya hay un intento de estandarizaci\u00f3n de los widgets por parte de la W3C, Google tiene su propio sistema de gadgets para su iGoogle, Yahoo! provee su propio sistema de widgets (con programas para poder lanzarlos en diversas plataformas), el navegador Opera lleva bastante tiempo\u2026<\/p>\n","protected":false},"author":25,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0},"categories":[187,189],"tags":[],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":4}},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.madrimasd.org\/blogs\/bioinformatica\/wp-json\/wp\/v2\/posts\/94197"}],"collection":[{"href":"https:\/\/www.madrimasd.org\/blogs\/bioinformatica\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.madrimasd.org\/blogs\/bioinformatica\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.madrimasd.org\/blogs\/bioinformatica\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/www.madrimasd.org\/blogs\/bioinformatica\/wp-json\/wp\/v2\/comments?post=94197"}],"version-history":[{"count":0,"href":"https:\/\/www.madrimasd.org\/blogs\/bioinformatica\/wp-json\/wp\/v2\/posts\/94197\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.madrimasd.org\/blogs\/bioinformatica\/wp-json\/wp\/v2\/media?parent=94197"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.madrimasd.org\/blogs\/bioinformatica\/wp-json\/wp\/v2\/categories?post=94197"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.madrimasd.org\/blogs\/bioinformatica\/wp-json\/wp\/v2\/tags?post=94197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}