Contenido

UWA!! UWA!! Netvibes Universal Widget Api

15 May

+ 1

Con estos gritos de espartanos deben estar los desarrolladores al enterarse de la salida de la nueva API publica de Netvibes, con el nombre UWA (Universal Widget API).

splash3.png

Novedades 

Entre las novedades que aporta esta nueva API al sistema se encuenta la más clara y evidente, el uso de widgets, con todo lo que ello conlleva…. multiplataforma, multisistema,…

uwa-screen-digg-dash.png

  • Un código funcionará en casi todas las plataformas (por ejemplo el Dashboard de MacOS).
  • Fácil portabilidad desde/hacia otras plataformas.
  • Con acceso al entorno Netvibeds UI.
  • Permite la integración con otros servicios o permitir que otros usuarios se integren con tu widget.

Hola Mundo!!

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
  xmlns:widget="http://www.netvibes.com/ns/"  >
  <head>

    <meta name="author" content="John Doe" />
    <meta name="description" content="A descriptive description" />

    <meta name="apiVersion" content="1.0" />
    <meta name="inline" content="true" />
    <meta name="debugMode" content="false" />

    <link rel="stylesheet" type="text/css"
      href="http://www.netvibes.com/themes/uwa/style.css" />
    <script type="text/javascript"
      src="http://www.netvibes.com/js/UWA/load.js.php?env=Standalone"></script>

    <widget:preferences>
      <preference name="hellowho" type="text" label="Hello who ?"
        defaultValue="World" />
    </widget:preferences>

    <title>Title of the Widget</title>
    <link rel="icon" type="image/png"
      href="http://www.netvibes.com/favicon.ico" />

    <script type="text/javascript">
      // Defines a function fired everytime that the widget is launched
      // or that the preferences are modified
      widget.onLoad = function() {
        var who = widget.getValue('hellowho');
        // widget.setBody() replaces the content of the body element
        widget.setBody('<p>Hello ' + who + '!</p>');
      }
    </script>
  </head>
  <body>
    <p>Loading...</p>
  </body>
</html>

Para los que tienen más tiempo libre

Para los que tengan más tiempo libre aqui tenemos un minitutorial para probar las propiedades que nos ofrece o algunos ejemplos y un screencast para entrar en calor.

Ejemplos

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.