LENGUAJES DE PROGRAMACIÓN WEB (PHP1, HTML52) LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) Sesión No. 7 Nombre: Lenguajes: HTML, XML, XHTML Objetivo: Encontrar las diferencias entre los diferentes programas de los lenguajes de programación web. Contextualización ¿Son similares los lenguajes HTML y XHTML? Los lenguajes de programación han evolucionado desde su aparición, por lo que en muchas ocasiones sólo se crean adaptaciones de las versiones de los sistemas, en este caso se trata de HTML el cual tiene como derivado XHTML y a la vez de XML, es decir, se trata de los dos medios de programación lo mejor de los lenguajes, los beneficios y compatibilidades que presentan éstos. La razón por la cual se realizan actualización o cambios a los lenguajes de programación es para tener mayor captación en los distintos dispositivos móviles y de sobre mesa. 1 LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) Introducción al Tema ¿Qué ventajas ofrecen los cambios en los medios de programación? Las ventajas que se ofrecen dentro de los medios de programación, son la optimización de información una mejor codificación, encriptación, compresión y descarga optimizada de contenidos. ¿Por qué es bueno actualizarse? Esto en es un beneficio pues con la actualización viene la mejora de los servicios, los medios más rápidos, el acceso a contenidos exclusivos, materiales de calidad y más cosas, esto es debido a que las actualizaciones que instalan paquetes de compatibilidad dentro de los sistemas y mejoran la gestión de información. ¿Por qué no siempre se pueden ver las mejoras de las actualizaciones de los sistemas operativos y de programación? No siempre son visibles las actualizaciones porque los cambios que se realizan son de codificación para permitir la visualización de los medios web o ejecución de scripts de animación o ejecución de contenidos autoextraíbles. 2 LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) Explicación Lenguajes: HTML, XML, XHTML La diferencia que se crea en lo lenguajes HTML, XML y XHTML son para marcar los medios por los cuales se utilizaran, es decir, cada uno tiene fines de uso distintos que podrán ejecutarse de mejor manera en plataformas especificas por el manejo de instrucciones, valores flotantes, es decir de las palabras reservadas que se tienen para cada medio. XML: eXtensive Xarkup Languaje; este se caracteriza por describir contenido, la función principal para que fue diseñado es mantener el orden de los documentos para poder modificarlos a portables en diferentes tipos de aplicaciones. HTML: Hyper Text Markup Languaje; es el lenguaje básico de estructura en documentos Web, es el medio de mayor uso, aunque pueda presentarse con algunas modificaciones por la evolución de código. XHTML: eXtensive Hyper Text Markup Languaje; es la extensión del lenguaje HTML y XML, sirve para reproducir documentos y módulos definidos del lenguaje de estructura Web y es reformulado por el XML. 3 LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) La combinación de los códigos dentro de un mismo documento puede crear controles de lenguajes, etiquetas al cambiar de sistema Web, por lo que la compatibilidad de los codificadores de información no queda con datos incompletos. Algunos de los controles que se utilizan son: ACK NAK BEL LF FF VT CR Son controles que se conocen por los estándares de caracteres basados en ISO 6429. A continuación mostramos, en una tabla, las diferencias de estructura entre un documento de HTML y un documento de HTML5: 4 LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) Estilo: CSS, XSLT ¿Qué es CSS? Es un lenguaje de programación con un gran alcance y fácil de usar, mediante estilos. Este lenguaje ofrece una gran cantidad de propiedades y/o atributos de los elementos que permite un mejor desarrollo de contenido. Este lenguaje es sólo un medio con el que se aplican estilos en los documentos de origen que se aplican a un sitio. ¿Qué es XSLT? Es un estándar que se puede transformar los documentos XML. El XSLT son hojas de estilo que se utilizan en la programación de sitios Web, es un complemento como el CSS y cumple con sus normativas, ventajas y límites. XSLT significa transformaciones XSL. La principal característica que permite este lenguaje es que deja que un autor de 5 LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) hojas de estilo pueda transformar los documentos XML a modo de manipular el contenido y cambiar a formatos diferentes, pero ¿Cómo funciona? El procesador analiza el documento y construye el árbol del documento El procesador recorre los nodos desde la raíz, aplica a cada nodo una plantilla sustituyendo el nodo por el resultado Cuando el procesador ha terminado de recorrer los nodos, ha terminado la transformación. Accesibilidad multiplataforma ¿Qué es una plataforma? Una plataforma es un medio en el cual se puede ejecutar un contenido, puede ser un sistema operativo dirigido a una computadora de sobremesa o un sistema con el cual funciona un celular. Las plataformas pueden ser Web o no. 6 LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) La accesibilidad multiplataforma se refiere a que los contenidos puedan ejecutarse en los distintos medios electrónicos, ya sean grandes o pequeños y que sin importar la capacidad de los dispositivos la información se pueda desplegar correctamente y se visualicen los contenidos interactivos y multimedia sin que fallen los scripts o complementos que utilizan. La dificultad de crear contenidos que se ejecuten en las distintas plataformas recae en los cambios que se produzcan en las mismas, pues con las adaptaciones que se dan por la diferencia en los procesadores y medios de codificación, además de los alcances que se tengan por parte de los desarrolladores de sistemas, pues sin importar que se hable de un mismo fabricante existen discrepancias pues las diferencias de costos en los equipos es lo que determinara las principales características de la accesibilidad y la potencias de la misma. 7 LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) Conclusión Los sistemas de codificación van cambiando y con ellos las plataformas en las cuales se pueden ejecutar, sin embargo las formas de crear elementos adaptables también ha cambiado por lo que muchas veces se crear versiones móviles de los contenidos Web, es decir, cuando una página Web se ejecuta desde una computadora de sobremesa se ejecutan ciertos códigos que se pueden manejar por los complementos como Java y .Net. Cuando los sitios se ejecutan desde una plataforma móvil, los códigos se ejecutan desde CSS3 y HTML5 y otros componentes que se llevan de la mano para que los datos se abran correctamente, pues los componentes internos de los dispositivos son diferentes debido a su tamaño, su potencia es menor y por lo tanto los contenidos deben ser optimizados para la carga y descarga de los mismos y se permita la movilidad de la información y envío de un dispositivo a otro. 8 LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) Para aprender más • Casario M., Elst P., Brown C., Wormser N., y Hanquez C., (2012). HTML5 Solutions, Essential Techniques for HTML5 Developers. U.S. Friendsof and apress C. • Hudson C. y Leadbetter T., (2012). HTML5 Developer´s Cookbook. U.S. Pearson Education. • Williams L. (2012). Learning HTML5 Game Programming. U.S. Pearson Education • Amundsen M. (2012). Hypermedia APIs with HTML5 and Node. U.S. O´REILLY • Crowther R. (2013). Hello! HTML5 and CSS3. U.S. Manning Publications • Sintes B.(2012) XSLT: Transformaciones XSL. http://brd.unid.edu.mx/modelo-de-caja/ • W3C. (1998) Usando XSL y CSS juntos. http://brd.unid.edu.mx/usandoxsl-y-css-juntos/ • W3C. (2010) HTML, XHTML, XML y códigos de control. http://brd.unid.edu.mx/html-xhtml-xml-y-codigos-de-control/ • Libros Web (2013) HTML y XHTML. http://brd.unid.edu.mx/html-y-xhtml/ 9 LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) Actividad de Aprendizaje Objetivo: Identificar las diferencias y similitudes de CSS, XML, HTML, XHMT y XSLT. Instrucciones: Con la finalidad de reforzar los conocimientos adquiridos a lo largo de esta sesión, ahora tendrás que realizar una actividad en la cual a través de un cuadro sinóptico expliques las diferencias de CSS, XML, HTML, XHMT y XSLT. Puedes realizarlo en cualquier programa, al final tendrás que guardarlo como imagen en formato JPG, con la finalidad de subirlo a la plataforma de la asignatura. En esta actividad se tomará en cuenta lo siguiente: Tus datos generales 3 puntos Referencias bibliográficas 7 puntos Ortografía y redacción 10 puntos Título 2 puntos Resumen 30 puntos Representación gráfica 48 puntos 10 LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) Bibliografía • Jorolo, Verruckt, Piltrafeta, Nukeador, Mgjbot.(2007) XSLT. Consultado el 10 de mayo de 2013, en: https://developer.mozilla.org/es/docs/XSLT • Libros Web (2013) HTML y XHTML. Consultado el 10 de mayo de 2013, en: http://librosweb.es/xhtml/capitulo_1/html_y_xhtml.html • s/a. (2009) Diferencia entre XML y HTML. Consultado el 10 de mayo de 2013, en: http://www.oocities.org/es/guia_xml/diferencias_entre_xml_html.htm • Sintes B. (2012) XSLT: Transformaciones XSL. Consultado el 10 de mayo de 2013, en: http://www.mclibre.org/consultar/xml/lecciones/xml_xslt.html • W3C. (1998) Usando XSL y CSS juntos. Consultado el 10 de mayo de 2013, en: http://www.w3.org/TR/NOTE-XSL-and-CSS • W3C. (2010) HTML, XHTML, XML y códigos de control. Consultado el 10 de mayo de 2013, en: http://www.w3.org/International/questions/qacontrols.es.php 11