Ejemplo de Usos Del XML (explicado Y Con Código)

Inicio » XML » Usos del XML (explicado y con código)

En este artículo vamos a explorar 10 usos comunes del XML que han revolucionado la forma en que compartimos información en línea. Descubrirás cómo el XML se ha convertido en una herramienta esencial para feeds RSS, formatos de documentos, gráficos vectoriales y 10 ejemplos explicados y con código.

El XML es un lenguaje de marcado extensible que permite crear etiquetas personalizadas para datos, lo que facilita el intercambio de información entre diferentes aplicaciones y sistemas operativos. Con el XML, se puede estructurar información de manera clara y coherente, lo que permite enfocarse en el contenido y no en el formato. El XML te libera de las cadenas de la incompatibilidad de formatos y te permite compartir tus datos con el mundo de manera sencilla y eficiente.

10 ejemplos de usos comunes del XML con código

  1. RSS: el formato RSS (Really Simple Syndication) utiliza XML para distribuir noticias y contenido de un sitio web a través de canales de sindicación. Los lectores de RSS utilizan XML para recibir y mostrar las últimas noticias de los sitios web que siguen.

Código:

<?xml version="1.0" encoding="UTF-8"?> <rss version="2.0">
<channel>
<title>Noticias Tecnológicas</title>
<link>https://www.ejemplode.com</link>
<description>Las últimas noticias tecnológicas de todo el mundo.</description>
<language>es</language>
<lastBuildDate>Mon, 14 Mar 2023 12:00:00 GMT</lastBuildDate>
<item>
<title>Microsoft presenta nueva versión de Windows 11</title>
<link>https://www.ejemplode.com/microsoft-windows11</link>
<description>Microsoft ha lanzado la nueva versión de su sistema operativo Windows 11, con nuevas características y mejoras en el rendimiento.</description>
<pubDate>Mon, 14 Mar 2023 11:00:00 GMT</pubDate>
</item>
<item>
<title>Apple anuncia nuevos iPhones para 2023</title>
<link>https://www.ejemplode.com/apple-iphones2023</link>
<description>Apple ha presentado sus nuevos modelos de iPhone para 2023, con mejoras en la cámara y la batería.</description>
<pubDate>Mon, 14 Mar 2023 10:00:00 GMT</pubDate>
</item>
</channel>
</rss>

En este ejemplo, se define un canal RSS con el título "Noticias Tecnológicas" y se incluyen dos elementos "item" que representan noticias recientes. Cada elemento "item" contiene información sobre el título, el enlace, la descripción y la fecha de publicación de la noticia.

Este archivo XML se puede utilizar para distribuir estas noticias a través de diferentes canales de sindicación, como lectores de RSS o sitios web que agregan contenido de varias fuentes.

  1. XHTML: XHTML (Extensible HyperText Markup Language) es una versión extendida del lenguaje HTML que utiliza XML para la definición de su sintaxis y permite una mayor flexibilidad en la definición de los elementos y atributos.

Código:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<title>Mi sitio web</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<h1>Bienvenidos a mi sitio web</h1>
<p>Este es un sitio web de ejemplo creado con XHTML.</p>
<ul>
<li><a href="https://www.ejemplode.com/pagina1.html">Página 1</a></li>
<li><a href="https://www.ejemplode.com/pagina2.html">Página 2</a></li>
<li><a href="https://www.ejemplode.com/pagina3.html">Página 3</a></li>
</ul>
</body>
</html>

En este ejemplo, se define un documento XHTML que contiene un encabezado y un cuerpo. El encabezado incluye información sobre el título del sitio web y la codificación de caracteres utilizada.

El cuerpo contiene un encabezado de nivel 1 que da la bienvenida al usuario y un párrafo que describe el sitio web. También se incluye una lista con enlaces a tres páginas diferentes.

Este archivo XML se puede procesar y mostrar en un navegador web que soporte XHTML, como Firefox o Google Chrome.

  1. SVG: el formato SVG (Scalable Vector Graphics) utiliza XML para representar gráficos vectoriales escalables en la web, lo que permite una mayor resolución y calidad de imagen en comparación con otros formatos de imagen.

Código:

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

<svg width="300" height="200" xmlns="https://www.w3.org/2000/svg">

  <rect x="50" y="50" width="200" height="100" fill="blue" />

  <circle cx="150" cy="100" r="40" fill="white" />

  <text x="150" y="120" text-anchor="middle" font-size="20">SVG</text>

</svg>

En este ejemplo, se define un gráfico vectorial utilizando SVG (Scalable Vector Graphics). El archivo comienza con una declaración XML y un elemento <svg> que establece el tamaño del área de dibujo en 300 píxeles de ancho por 200 píxeles de alto.

Dentro del elemento <svg>, se agregan dos formas: un rectángulo azul con una posición (x,y) de (50,50) y un ancho y altura de 200 y 100 píxeles, respectivamente, y un círculo blanco con un centro (cx,cy) en (150,100) y un radio de 40 píxeles. También se incluye un elemento <text> que muestra la palabra "SVG" centrada en el círculo.

Este archivo XML se puede procesar y mostrar en un navegador web que soporte SVG, como Firefox o Google Chrome.

  1. SOAP: el protocolo SOAP (Simple Object Access Protocol) utiliza XML para permitir la comunicación entre aplicaciones web a través de Internet. SOAP define un conjunto de reglas para la creación de mensajes XML que se envían y reciben a través de la red.

Código:

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

<soap:Envelope xmlns:soap="https://www.w3.org/2003/05/soap-envelope/"

               xmlns:xsi="https://www.w3.org/2001/XMLSchema-instance"

               xmlns:xsd="https://www.w3.org/2001/XMLSchema">

  <soap:Header>

    <Authentication xmlns="https://ejemplode.com/auth">

      <Username>user123</Username>

      <Password>pass123</Password>

    </Authentication>

  </soap:Header>

  <soap:Body>

    <GetUserInfo xmlns="https://ejemplode.com/userinfo">

      <UserID>123456</UserID>

    </GetUserInfo>

  </soap:Body>

</soap:Envelope>

En este ejemplo, se define un mensaje SOAP (Simple Object Access Protocol) que se utiliza para intercambiar información estructurada entre aplicaciones en una red.

El archivo comienza con una declaración XML y un elemento <soap:Envelope> que define el espacio de nombres SOAP y los espacios de nombres para XML Schema (xsi) y XML Data (xsd). Dentro del elemento <soap:Envelope>, se incluye un elemento <soap:Header> que contiene información de autenticación, incluyendo el nombre de usuario y la contraseña.

También se incluye un elemento <soap:Body> que contiene el contenido del mensaje, en este caso una solicitud para obtener información de usuario utilizando un identificador de usuario. Los elementos están anidados dentro de espacios de nombres personalizados para la autenticación y la información del usuario, respectivamente.

Este archivo XML se puede enviar a un servicio web SOAP para procesamiento y respuesta.

  1. XSLT: el lenguaje de transformación XSLT (Extensible Stylesheet Language Transformation) utiliza XML para transformar documentos XML en otros formatos, como HTML o PDF.

Código:

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

<xsl:stylesheet version="1.0" xmlns:xsl="https://www.w3.org/1999/XSL/Transform">

  <xsl:template match="/">

    <html>

      <head>

        <title>Lista de compras</title>

      </head>

      <body>

        <h1>Lista de compras</h1>

        <ul>

          <xsl:for-each select="compras/producto">

            <li><xsl:value-of select="."/></li>

          </xsl:for-each>

        </ul>

      </body>

    </html>

  </xsl:template>

</xsl:stylesheet>

En este ejemplo, se define una transformación XSLT (Extensible Stylesheet Language Transformation) que se utiliza para transformar un documento XML en otro formato, en este caso HTML.

El archivo comienza con una declaración XML y un elemento <xsl:stylesheet> que define el espacio de nombres XSLT y la versión. Dentro del elemento <xsl:stylesheet>, se incluye un elemento <xsl:template> que coincide con la raíz del documento XML y define la estructura del documento HTML resultante.

 En este ejemplo, se crea una página HTML que muestra una lista de compras utilizando los elementos HTML estándar, como <html>, <head> y <body>. Dentro del elemento <body>, se incluye un elemento <ul> para crear una lista no ordenada y un bucle <xsl:for-each> que recorre los elementos <producto> del documento XML de origen y crea un elemento <li> para cada uno con el valor del contenido de texto del elemento como el contenido del elemento HTML.

  1. Atom: el formato Atom utiliza XML para proporcionar un formato estándar para la publicación de contenido web, como blogs y sitios de noticias.

Código:

<?xml version="1.0" encoding="utf-8"?>

<feed xmlns="https://www.w3.org/2005/Atom">

  <title>Blog de ejemplo</title>

  <link href="https://ejemplo.com/blog" rel="self" />

  <link href="https://ejemplo.com" />

  <id>https://ejemplo.com/blog</id>

  <updated>2022-03-13T12:00:00Z</updated>

  <author>

    <name>Juan Pérez</name>

    <email>juan@ejemplo.com</email>

  </author>

  <entry>

    <title>¡Bienvenidos al blog!</title>

    <link href="https://ejemplo.com/blog/bienvenidos" />

    <id>https://ejemplo.com/blog/bienvenidos</id>

    <updated>2022-03-01T12:00:00Z</updated>

    <summary>Este es el primer post del blog. ¡Esperamos que lo disfruten!</summary>

  </entry>

  <entry>

    <title>Últimas novedades en tecnología</title>

    <link href="https://ejemplo.com/blog/novedades-tecnologia" />

    <id>https://ejemplo.com/blog/novedades-tecnologia</id>

    <updated>2022-03-10T12:00:00Z</updated>

    <summary>En este post hablamos sobre las últimas novedades en tecnología. ¡No se lo pierdan!</summary>

  </entry>

  <!-- ... más entradas ... -->

</feed>

En este ejemplo, se define un archivo Atom que representa un feed de noticias o un blog. El archivo comienza con una declaración XML y un elemento <feed> que define el espacio de nombres Atom.

Dentro del elemento <feed>, se incluyen metadatos como el título del blog, enlaces a la página de inicio del blog y a sí mismo, el identificador único del feed y la fecha de actualización más reciente. También se incluye un elemento <author> que contiene información sobre el autor del blog.

Dentro del elemento <feed> se incluyen uno o más elementos <entry>, cada uno de los cuales representa una publicación o entrada en el blog. Cada <entry> contiene metadatos como el título, enlaces a la entrada, el identificador único de la entrada y la fecha de actualización.

También se incluye un elemento <summary> que contiene un resumen del contenido de la entrada.

Este archivo XML se puede utilizar para leer el contenido del blog o para crear una fuente de noticias.

  1. RDF: el lenguaje de descripción de recursos RDF (Resource Description Framework) utiliza XML para proporcionar una forma estandarizada de describir recursos en la web, como sitios web y archivos multimedia.

Código:

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

<rdf:RDF xmlns:rdf="https://www.w3.org/1999/02/22-rdf-syntax-ns#"

  xmlns:dc="https://purl.org/dc/elements/1.1/"

  xmlns:ex="https://ejemplode.com/">

 

  <rdf:Description rdf:about="https://ejemplode.com/articulo1">

    <dc:title>Artículo 1</dc:title>

    <dc:creator>Juan Pérez</dc:creator>

    <dc:date>2022-03-13</dc:date>

    <dc:description>Este es el artículo 1 del sitio web.</dc:description>

    <ex:views>1000</ex:views>

  </rdf:Description>

 

  <rdf:Description rdf:about="https://ejemplode.com/articulo2">

    <dc:title>Artículo 2</dc:title>

    <dc:creator>Maria Gómez</dc:creator>

    <dc:date>2022-03-10</dc:date>

    <dc:description>Este es el artículo 2 del sitio web.</dc:description>

    <ex:views>500</ex:views>

  </rdf:Description>

 

</rdf:RDF>

En este ejemplo, se define un archivo RDF que describe información sobre dos artículos en un sitio web. El archivo comienza con una declaración XML y un elemento <rdf:RDF> que define el espacio de nombres RDF.

Dentro del elemento <rdf:RDF>, se definen dos elementos <rdf:Description>, uno para cada artículo. Cada <rdf:Description> tiene un atributo rdf:about que indica el recurso al que se refiere (en este caso, el URL del artículo).

Dentro de cada <rdf:Description>, se incluyen elementos <dc:title>, <dc:creator>, <dc:date> y <dc:description>, que representan el título del artículo, el autor, la fecha y la descripción, respectivamente. También se incluye un elemento personalizado <ex:views> que representa el número de vistas que ha tenido el artículo.

Este archivo RDF se puede utilizar para compartir información sobre los artículos en la web o para crear una fuente de noticias.

  1. XBRL: el formato XBRL (Extensible Business Reporting Language) utiliza XML para la presentación y el intercambio de informes financieros y de negocios en línea.

Código:

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

<xbrl xmlns="https://www.xbrl.org/2003/instance"

      xmlns:iso4217="https://www.xbrl.org/2003/iso4217"

      xmlns:xsi="https://www.w3.org/2001/XMLSchema-instance"

      xmlns:link="https://www.xbrl.org/2003/linkbase"

      xmlns:xbrli="https://www.xbrl.org/2003/instance"

      xmlns:iccbba="https://www.xbrl.org/2008/ICCBBA">

  <context id="CurrentYear">

    <entity>

      <identifier scheme="https://www.sec.gov/CIK">0000100163</identifier>

      <identifier scheme="https://www.xbrl.org/entity">Compañía A</identifier>

      <identifier scheme="https://www.xbrl.org/legal-entity">Compañía A Inc.</identifier>

    </entity>

    <period>

      <startDate>2022-01-01</startDate>

      <endDate>2022-12-31</endDate>

    </period>

    <scenario>

      <xbrldi:explicitMember dimension="iccbba:ReportingEntityAxis"

                              xlink:label="ReportingEntity">iccbba:ICCBBA</xbrldi:explicitMember>

    </scenario>

  </context>

  <unit id="USD">

    <measure>iso4217:USD</measure>

  </unit>

  <fact id="Ventas">

    <value unitRef="USD">1000000</value>

    <contextRef>CurrentYear</contextRef>

  </fact>

  <fact id="IngresoNeto">

    <value unitRef="USD">200000</value>

    <contextRef>CurrentYear</contextRef>

  </fact>

</xbrl>

Este ejemplo contiene información financiera de una empresa y está escrito en formato XBRL (eXtensible Business Reporting Language), un lenguaje de marcado que se utiliza para estandarizar la presentación de informes financieros.

El archivo comienza con un encabezado que indica la versión y codificación del documento. Luego, se define el espacio de nombres y se utilizan elementos para representar información sobre la entidad, el período y el escenario del informe.

También se definen unidades de medida para los valores numéricos y se presentan hechos (facts) como ventas e ingresos netos en el contexto del año actual.

  1. KML: el formato KML (Keyhole Markup Language) utiliza XML para la representación de datos geoespaciales y se utiliza comúnmente en aplicaciones de mapas y navegación.

Código:

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

<kml xmlns="https://www.opengis.net/kml/2.2">

  <Document>

    <name>Ejemplo de KML</name>

    <description>Este es un ejemplo de archivo KML</description>

    <Folder>

      <name>Lugares</name>

      <Placemark>

        <name>Monumento a la Revolución</name>

        <description>Un monumento histórico en la Ciudad de México</description>

        <Point>

          <coordinates>-99.156654,19.427056,0</coordinates>

        </Point>

      </Placemark>

      <Placemark>

        <name>Estadio Azteca</name>

        <description>El estadio más grande de México</description>

        <Point>

          <coordinates>-99.150237,19.301983,0</coordinates>

        </Point>

      </Placemark>

    </Folder>

  </Document>

</kml>

Este ejemplo representa un archivo KML (Keyhole Markup Language) que se utiliza para describir información geográfica en un formato estructurado.

El archivo comienza con un encabezado que indica la versión y codificación del documento, seguido de la sección Document que contiene información general sobre el archivo, como el nombre y la descripción.

Luego, se define un Folder que agrupa los elementos Placemark que representan lugares en el mapa. Cada Placemark contiene información como el nombre, la descripción y las coordenadas del lugar representado en un elemento Point.

En este ejemplo, se representan el Monumento a la Revolución y el Estadio Azteca en la Ciudad de México.

 

  1. OpenDocument: el formato OpenDocument utiliza XML para la creación y edición de documentos de texto, hojas de cálculo y presentaciones, lo que permite la interoperabilidad entre diferentes aplicaciones de software.

Código:

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

<office:document-content

xmlns:office="urn:oasis:names:tc:opendocument:xmlns:office:1.0"

xmlns:text="urn:oasis:names:tc:opendocument:xmlns:text:1.0"

xmlns:table="urn:oasis:names:tc:opendocument:xmlns:table:1.0">

  <office:body>

    <office:text>

      <text:p>Este es un ejemplo de archivo OpenDocument.</text:p>

      <text:p>Se pueden agregar diferentes tipos de elementos, como tablas:</text:p>

      <table:table>

        <table:table-row>

          <table:table-cell>Nombre</table:table-cell>

          <table:table-cell>Edad</table:table-cell>

          <table:table-cell>Profesión</table:table-cell>

        </table:table-row>

        <table:table-row>

          <table:table-cell>John</table:table-cell>

          <table:table-cell>30</table:table-cell>

          <table:table-cell>Programador</table:table-cell>

        </table:table-row>

        <table:table-row>

          <table:table-cell>Jane</table:table-cell>

          <table:table-cell>25</table:table-cell>

          <table:table-cell>Diseñadora gráfica</table:table-cell>

        </table:table-row>

      </table:table>

    </office:text>

  </office:body>

</office:document-content>

Este ejemplo representa un archivo OpenDocument que se utiliza para crear documentos de texto, hojas de cálculo y presentaciones.

El archivo comienza con un encabezado que indica los espacios de nombres utilizados en el documento, seguido de la sección office:body que contiene el contenido del documento.

Se utiliza la sección office:text para agregar texto y la sección table:table para agregar una tabla con tres columnas: Nombre, Edad y Profesión. Cada fila de la tabla se define con un elemento table:table-row y cada celda con un elemento table:table-cell.

El archivo muestra dos filas con información de dos personas diferente.

¿Cómo citar? & Del Moral, M. (s.f.). Ejemplo de Usos Del XML (explicado Y Con Código).Ejemplo de. Recuperado el 26 de Septiembre de 2023 de https://www.ejemplode.com/21-xml/5294-ejemplo_de_usos_del_xml_explicado_y_con_codigo.html

XML
Escrito por:
Mauricio del Moral Durán
Mauricio del Moral, fundador y creador de Ejemplo de, es un experto en enseñanza y un apasionado del ámbito educativo desde el año 2007. Ha dedicado una considerable parte de su vida profesional al estudio y al desarrollo de contenidos educativos en formatos digitales de alta calidad. Poseedor de una Licenciatura en Ciencias de la Comunicación, Mauricio es egresado de la prestigiosa Universidad Intercontinental.
Última modificación: 2023-03-13

Deja un comentario


Acepto la política de privacidad.