Taller Webmaster

Tutoriales para Webmasters

Bienvenido a Taller Webmaster, donde encontrarás la mejor información sobre tutoriales y recursos para webmasters!

Ingreso de Usuario

Recuperar contraseña

Registro de Usuario

Publicidad

Introducción al Lenguaje XML, con Flash, PHP y MySQL

eXtensible Markup Language, Intermabio de datos entre Aplicaciones

 

Tutorial por Jorge Oyhenard (elQuique)

Este tutorial pretende ser una introducción básica al lenguaje XML, pero además de básica, muy facil de aplicar rápidamente en un ejemplo de Flash que sera dinámico, alimentado por un XML generado en PHP desde una base de datos MySQL. Pero no te asustes en tantas siglas que veras que es mas fácil que leer esta intro.

Quizás escuchaste hablar de XML, o incluso lo usaste sin saberlo. Pero que es y para que sirve ¿?

XML, viene de las siglas en ingles eXtensible Markup Language, es un lenguaje similar al HTML, pero creado mas específicamente para el manejo de Datos, y sobre todo para compartir datos entre aplicaciones que de pronto pueden estar en diferentes lenguajes, plataformas, etc.

La idea de esta introducción es que un usuario sin conocimientos pueda ver un ejemplo concreto del uso de XML, por tanto no profundizaremos en la definición (aparte no se mucho de esto ;)). Quien quiera tener una definición mas completa puede consultar la fantástica Wikipedia, en la dirección: http://es.wikipedia.org/wiki/XML y luego hacer las consultas adicionales en nuestro foro.

Si bien nuestro ejemplo utilizara un componente de Internet para facilitar la explicación, el XML no nació para Internet, ya que es hoy día un Estándar para intercambio de datos en cualquier ámbito. Esta estructura esta formada por N elementos, que se pueden crear a gusto y necesidad del programador.

Así como en HTML tenemos etiquetas como <table>, para crear tablas, <strong> para marcar negritas, en XML podemos ""inventar" nuestras propias etiquetas (TAGs) para dar forma a nuestros datos.

Por ejemplo:

<clientes>
<cliente>
<nombre>Juan Pérez</nombre>
<telefono>555-423-2222</telefono>
<email>Juan@perez.com</email>
</cliente>
<cliente>
<nombre>Ana Rodríguez</nombre>
<email>ana@hotmail.com</email>
</cliente>
</clientes>

Como ven es un simple conjunto de textos, que podemos crear en Word, un Block de Notas, un Dreamweaver, o cualquier procesador de textos.

En el ejemplo imaginamos que tenemos N "clientes" (10, 20, 2, muchos, pocos, etc), por eso nos creamos las etiquetas

<clientes> </clientes>

Como ven comienzan con el nombre entre <> y terminan con el nombre pero con </> (lleva la barra). A su vez como son muchos clientes creamos otro grupo llamado, justamente "cliente" (jeje me queme el coco).

Con el mismo criterio dentro de "cliente" tenemos, el "nombre", el "telefono" y el "email". Si miran en el cliente Juan Pérez, y Ana Rodríguez, esta última no tiene telefono. Esa es otra ventaja de XML, los elementos pueden ser opcionales.

Acá vimos entonces 2 clientes, si fueran tres, pues fácil simplemente agregaríamos otro grupo así:

<cliente>
<nombre>...</nombre>
<telefono>...</telefono>
<email>...</email>
</cliente>

Etc, tantas veces como clientes tengamos.

Otro ejemplo distinto, puede ser una lista de libros, que podríamos esquematizar así:

<libros>
<libro>
<titulo>Enciclopedia Británica</titulo>
<autor>Jhon British</autor>
<editorial>Británica</editorial>
</libro> ... (tantos como se necesiten) <libro>
<titulo>Martín Fierro</titulo>
<autor>José Hernández</autor>
<editorial>StockCero</editorial>
</libro>
</libros>

Como ven, se puede crear cualquier estructura de datos, teniendo en cuenta las simples reglas de que las TAGs (Etiquetas) XML, deben ir entre <> (mayor menor) y terminar con </>.

Y cual es la ventaja de todo esto ¿?

Pues bueno, paquetes como .NET, se llevan bien con bases de datos tipo SQL, el lenguaje PHP se lleva bien con MySQL, en los viejos tiempos usábamos Visual Basic 3 con Access, etc. Todos son sistemas de Bases de Datos muy distintos, totalmente distintos y que si bien con mucho esfuerzo podríamos crear importadores, no había una forma de ponernos de acuerdo en como tener un punto en común entre aplicaciones diferentes.

Es por eso que nace XML, como dijimos, es una solución para estructurar los datos de manera que todos trabajemos de la misma forma.

En la practica, como seria todo esto ¿?

Bueno, supongamos que tenemos una base de datos en MySQL, que guarda el nombre de una foto y la descripción de la misma. Por otra parte tenemos un visor en Flash que debería mostrar esa foto y la descripción.

OK, cual es el problema ¿?

Pues bueno, Adobe Flash no maneja MySQL.

Pero bueno, si maneja XML, de esta forma podemos crear un PHP que liste las imágenes y así como podemos listarlo en xHTML, podemos fácilmente darle formato XML de manera que Flash pueda leer estos datos, ahí esta lo bueno, que dos lenguajes distintos como el PHP y el ActionScript de Flash pueden unirse para trabajar juntos y entenderse gracias a XML, la forma de darle estructura a los datos y que todos entendemos, hasta tu claro, porque si bien no sabias como venia este tema, haz leído y aprendido de que trata.

Bien, y si es tan fácil porque no hacer un primer ejemplo ¿?

Y lo haremos, pero en la segunda parte de este tutorial ;)

Ver la Parte 2 - Prácticas y Ejemplos de XML, con Flash

Comentarios de Introducción al Lenguaje XML, con Flash, PHP y MySQL

↑ Tutorial

  • capeli

    capeli

    2007-02-27 09:29

    Y como para cuándo será la siguiente entrega??? :)
  • elquique

    elquique

    2007-03-08 10:38

    Ya hemos publicado la segunda entrega