El estándar SVG

marzo 21, 2007

Durante el ultimo mes hemos publicado varios post sobre el estándar SVG. Aunque quizás no con la fuerza que se pensaba en un principio, SVG es y será el estándar para graficos vectoriales en la Web.

Os resumimos los puntos tratados:

  • SVG (III). Formas Básicas: Dibujamos formas básicas con SVG (rectángulos, círculos, elipses, líneas, polilineas y polígonos).

SVG (V). Transformaciones

marzo 17, 2007

El lienzo SVG es infinito por cada una de las dimensiones del espacio, pero solo se puede visualizar una región rectangular finita de él. Esta región rectangular finita es llamada marco (viewport).

El tamaño del marco SVG (es decir, su ancho y alto) es determinado por un proceso de negociación entre el fragmento de documento SVG y sus parientes (reales o implícitos). Una vez que el proceso………


——————————————————–

Nos hemos mudado a www.xperimentos.com, puedes continuar leyendo este post en este enlace.

——————————————————–


XQuery

marzo 15, 2007

XML Query es una W3C Recommendation, como ya indicamos en un post anterior. Es el lenguaje definido para realizar consultas sobre documentos XML, equivalente SQL de las bases de datos relacionales.

Se utiliza para:

  • Extraer información para utilizarla en un Web Service 
  • Generar resúmenes 
  • Transformar XML data a XHTML 
  • Buscar documentos con información determinada

Para realizar las consultas emplea:

  • Funciones predefinidas
  • Predicados
  • Expresiones XPath. De hecho Xpath y XQuery comparte el mismo modelo de datos, operadores y funciones

XPointer

marzo 13, 2007

XPointer o XML Pointer Language  es una W3C Recommendation que permite señalar partes concretar de un documento XML. No el documento entero, como hace XLink.

Usa expresiones XPath para seleccionar la parte concreta del documento. Para poder apuntar a una parte concreta de documento, es neceario que los elementos incluyan el atributo “id”.

Asi para recuperar un documento concreto relativo a Rottweiler  se incluye esta expresión #xpointer(id(“Rottweiler”)) en el atributo xlink:href

Ejemplo

<?xml version=”1.0″ encoding=”ISO-8859-1″?>

<mydogs xmlns:xlink=”http://www.w3.org/1999/xlink”&gt;

   <mydog xlink:type=”simple”
        xlink:href=”
http://perro.es/razas.xml#xpointer(id(“Rottweiler”))“>

  <description xlink:type=”simple”
          xlink:href=”
http://miweb.es/misperros/anton.gif“>
                       Este es mi perro.
        </description>

    </mydog>

</mydogs>


XPath

marzo 12, 2007

XPath es una W3C Recommendation que permite navegar/moverse a lo largo de los nodos de un documento XML. Pues XPath transforma el documento en un árbol de …


——————————————————–
Nos hemos mudado a www.xperimentos.com, puedes continuar leyendo este post en este enlace.
——————————————————–


XLink

marzo 11, 2007

XLink o XML Linking Language es una W3C Recommendation .

Abarca tres especificaciones:

XLink que permite crear enlaces/ hipervínculos entre documentos XML. Con XLink cualquier elemento XML puede comportarse como un enlace. Estos enlaces se pueden definir en un documento a parte o dentro del mismo documento.

Cabe distinguir entre:

  • Enlaces simples
  • Enlaces complejos o multidireccionales

Ejemplo
<?xml version=”1.0″ encoding=”ISO-8859-1″?>
<bookstore xmlns:xlink=”
http://www.w3.org/1999/xlink“>
 <book title=”Harry Potter”>
   <description
        xlink:type=”simple”
        xlink:href=”
http://amazon.com/Lord_of_the_Rings.gif
        xlink:show=”new”>  Trilogia donde las haya…….
   </description>
 </book>
</bookstore>

Descripcion los atributos para definir de un enlace simple

  • xlink:type=”simple”
  • xlink:href especifica la URL con la que enlazar
  • xlink:show , donde abrir el enlace
    • xlink:show=”new”, en una  nueva ventana
    • xlink:show=”embed”, en la misma ventana
  • xlink:actuate=”onLoad”, para mostrar el recurso cuando se carga el documento
  • xlink:actuate=”onRequest”, para mostrar el recurso tras ser pedido (hacer clic)

XSLT

marzo 9, 2007

Es una W3C Recommendation empleado para transforma un documento XML en otro XHTML o XML.
Usa XPath para localizar la parte del documento que debe coincidir con la plantilla definida.

Para definir una plantilla XSLT se emplea el elemento raíz indistintamente cualquiera de estas dos:

<xsl:stylesheet> o <xsl:transform>

<xsl:stylesheet version=”1.0″
xmlns:xsl=”
http://www.w3.org/1999/XSL/Transform>

La hoja de estilos contiene uno o más conjuntos de reglas, llamados plantillas. Para definir las plantillas se utiliza el elemento <xsl:template>. El atributo match permite asociar la plantilla con la parte concreta del documento XML. El valor del atributo match es una expresión XPath.

El elemento <xsl:value-of> permite extraer contenido del documento XML y volcarlo en la salida transformada generada. Para ello emplea una expresión XPath.

Elemento <xsl:for-each> , permite seleccionar varios nodos del documento XML y aplicarles la plantilla.

Ejemplo

<?xml version=”1.0″ encoding=”ISO-8859-1″ ?>
<xsl:stylesheet version=”1.0″ xmlns:xsl=”
http://www.w3.org/1999/XSL/Transform“>
<xsl:template match=”/”>
 <html>
 <body>
 <h2>My CD Collection</h2>
 <table border=”1″>
  <tr bgcolor=”#9acd32″>
    <th>Title</th>
    <th>Artist</th>
  </tr>
  <xsl:for-each select=”catalog/cd”>
    <tr>
      <td>   <xsl:value-of select=”catalog/cd/title” />  </td>
      <td>   <xsl:value-of select=”catalog/cd/artist” /> </td>
    </tr>
  </xsl:for-each>
  </table>
  </body>
  </html>
  </xsl:template>
  </xsl:stylesheet>

Como transformar XML a XHTML en el navegador (Usando Javascript)

<html>
<body><script type=”text/javascript”>
// Load XML
var xml = new ActiveXObject(“Microsoft.XMLDOM”)
xml.async = false
xml.load(“cdcatalog.xml”)
// Load XSL
var xsl = new ActiveXObject(“Microsoft.XMLDOM”)
xsl.async = false
xsl.load(“cdcatalog.xsl”)
// Transform
document.write(xml.transformNode(xsl))</script></body>
</html>