LENGUAJES DE PROGRAMACIÓN WEB (PHP1, HTML52)

Transcripción

1 LENGUAJES DE PROGRAMACIÓN WEB (PHP1, HTML52)

2 LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 1 Sesión No. 8 Nombre: Programación del lado del cliente Objetivo: Reconocer las ventajas que tiene la programación para el cliente. Contextualización Qué permite la programación del lado del cliente? Ésta permite que la página se pueda ubicar en cualquier sitio, esto quiere decir que la información estructurada en un documento Web no depende de la disponibilidad de un servidor pues es totalmente independiente a este. La programación del cliente nos permite usar las nuevas capacidades de los navegadores. Ofreciendo con esto un ambiente de mayor usabilidad, mejorando en gran medida a experiencia del usuario. Qué lenguajes de programación pueden ser utilizados? Los lenguajes de programación que se pueden utilizar además de HTML, son; Javascript Visual Basic Script Applets de Java Google Dart Librerías como jquery, Bootstrap, etc.

3 LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 2 Introducción al Tema La programación del lado del cliente está dirigida para el diseño de elementos, pues permite la manipulación de los objetos que complementan los sitios Web, estos elementos de programación son independientes al uso de un servidor en el momento en que se crean pues solamente se ejecutan de manera local dentro del equipo del programador o diseñador. Los elementos de programación permiten a los creadores de los contenidos manipular objetos dentro del documento, pues estos permiten el movimiento y dinamismo de este creando la interacción entre el usuario y los elementos. Todo lo anterior nos permite tener un control total del documento. Pudiendo cambiar o modificar objetos de la página, aun cuando ésta ya esté completamente descargada en el navegador del usuario. Actualmente se cuenta con diversos programas para desarrollar programación del lado del cliente. El más popular, y que ha demostrado ser el más efectivo para este fin es JavaScript. Además de sus cualidades, desarrolladas desde sus creación, este lenguaje cuenta con una gran variedad de liberarías, las cuales nos permiten ampliar las posibilidades del lenguaje y facilitar el desarrollo de programación del lado del cliente. Los diferentes lenguajes de programación son siempre utilizados? Los objetos que se crean son manipulables? Qué es un elemento de programación?

4 LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 3 Explicación Programación del lado del cliente La programación del lado del cliente, se trata de un lenguaje que se utiliza para crear pequeños programas los cuales se encargan de cierto número de acciones dentro de un sitio Web. Esto se encuentra del lado del cliente. Qué quiere decir? De lo que trata es explicar que el navegador puede soportar la carga de información al procesarla y no depende de un medio más poderoso para realizar esta tarea como un servidor. Toda esta programación se puede crear mediante diferentes medios, los lenguajes que se ofrecen para crear interactividad y funcionamiento deben estructurarse de tal forma que al momento de su ejecución puedan ser funcionales y no choquen los códigos entre sí, previendo los problemas de visualización. Este medio de programación por parte del usuario no solo trata de mencionar que se crean scripts para los sitios, sino también que trata de la estructuras de los estilos que se puedan ofrecer para que el contenido establecido tenga una armonía visual, esto mediante CSS, CSS3, HTML5, complementos de ejecución de Java entre otros más. Introducción al lenguaje Cuando se habla de un lenguaje no solo se trata de los modos fonéticos de comunicación entre personal, o lenguaje de señas, también nos referimos a los lenguajes de programación mediante los cuales una persona puede comunicarse con una computadora estructurando instrucciones de ejecución de información, de guardado de la misma o cualquier otra cosa. Un lenguaje puede ser del lado

5 LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 4 del cliente o del lado del servidor, esto permite que las paginas al ser creadas puedan ser visualizadas con la aplicación de los plug-ins adecuados en los cuales se encuentra la información de compatibilidad de códigos y lectura e interpretación de los mismos. Los lenguajes o scripts del lado del cliente, usualmente están embebidos dentro de un documento de HTML. En otros casos, el documento llama un archivo que contiene el código, esto es muy común el caso del uso de librerías de JavaScript, tales como Bootstrap o jquery. El script es ejecutado por el por el navegador, o diciéndolo de una manera más exacta es interpretado.

6 LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 5 Qué función cumple un navegador Web? Un navegador Web es una aplicación la cual es capaz de interpretar los códigos de órdenes que se reciben desde HTML. Cuando se trata del lenguaje del lado del servidor puede decirse que son reconocidos, ejecutados e interpretados por el servidor y se envían al cliente de forma que este lo comprenda. Los lenguajes utilizados comúnmente del lado del servidor son; ASP Java PERL PHP Existen más lenguajes por los cuales se comunica el servidor, sin embargo los anteriores son los más utilizados comúnmente.

7 LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 6 Elementos de programación Los elementos de programación los encontramos en todos los lenguajes de programación, por ejemplo en el lenguaje C++ palabras reservadas con las cuales sólo ese medio se reconocerá y ejecutará para las aplicaciones que se deseen desarrollar. Cuando hablamos de elementos de programación se debe poner atención en los atributos que se manejen, pues si no se conoce el manejo de mayúsculas y minúsculas, lo único que se desarrollará serán errores de sintaxis y orden lógico. Una ventaja de los elementos de programación son, la creación de programas, subprogramas, procedimientos y funciones, lo que ofrece una gran variedad de aplicaciones a desarrollar y soluciones que se pueden producir. Manipulación de objetos La manipulación de objetos cuenta con los mismos principios que los lenguajes de programación que se utilicen. Una de las características de los objetos es la función u objetivo por el cual se crean. Algunos de los objetos que son manipulables son mediante SQL, los que se basan en las bases de datos que se almacenan en los servidores web, las transformaciones que se les realizan son, eliminación, creación, agregar elementos, eliminar elementos, etc. La mayor parte de las aplicaciones multimedia son conocidas como vínculos a otros elementos virtuales, esto permite que los usuarios puedan moverse libremente por el contenido de modo intuitivo. Cuando se define un diseño para una locación Web es importante conocer los elementos que serán manipulables, estos pueden ser menús, imágenes, textos o

8 LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 7 cualquier otro elemento que podrá maximizar su uso y crear un potencial dentro de los datos de la página. La manipulación de los objetos se da conociendo las características principales de los lenguajes de programación y las formas en que se puede interactuar con los mismos. A continuación te muestro una imagen con los elementos manipulables dentro de un documento Web. Esto se logra con un lenguaje como JavaScript.

9 LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 8 Conclusión Actualmente los lenguajes de programación presentan una gran posibilidad de desarrollo y creación de elementos multimedia interactivos, lo que es una ventaja para quien desea que sus elementos web sean llamativos. Conocer los elementos de programación y su manipulación es importante para poder crear elementos compatibles entre sí y que presenten un fácil acceso, pues cuando los elementos no se definen correctamente pueden presentar errores de compatibilidad y ejecución con algunas plataformas, si no se cuenta con los script adecuados para un elemento es mejor definirlo como sencillo en lugar de interactivo. La manipulación de los objetos se puede dar en un sito o documento común y en medios más especializados como las bases de datos que presentan un lenguaje exclusivo y más seguro que los otros elementos pues dependiendo de la aplicación con que gestionen presentará o no accesibilidad a casi todo usuario y programador.

10 LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 9 Para aprender más Hudson C. y Leadbetter T., (2012). HTML5 Developer s Cookbook. U.S. Pearson Education. Tutorial Republic. (2014). Bootstrap Tutorial. Noviembre 22, 2015, de Tutorial Republic Sitio web: Amundsen M. (2012). Hypermedia APIs with HTML5 and Node. U.S. O REILLY Crowther R. (2013). Hello! HTML5 and CSS3. U.S. Manning Publications Instituto Tecnológico de Veracruz. (2012) Lenguaje de programación del lado del cliente. UHU. Elementos básicos de programación. Universidad de Málaga (2006).

11 LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 10 Actividad de Aprendizaje Objetivo: Explicar la composición de los diferentes navegadores que existen. 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 comparativo consideres navegadores Web y expliques sus componentes principales, el código por el cual se componen y a qué plataformas están dirigidas cada uno. Puedes realizarlo en cualquier programa, al final tendrás que guardarlo como formato PDF, con la finalidad de subirlo a la plataforma de la asignatura. En esta actividad se tomará en cuenta lo siguiente: Tus datos generales Referencias bibliográficas Ortografía y redacción Introducción Contenido 3 puntos 7 puntos 10 puntos 25 puntos 55 puntos

12 LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 11 Bibliografía Instituto Tecnológico de Veracruz. (2012) Lenguaje de programación del lado del cliente. Consultado el 11 de mayo de 2013, en: s/a. Programación del lado del cliente. Consultado el 11 de mayo de 2013, en: Vaquero M. (2010) Web docente departamental. Consultado el 11 de mayo de 2013, en: m Universidad de Málaga(2006). Elementos de programación. Consultado el 11 de mayo de 2013, en: s/a. Introducción al lenguaje del lado del cliente. Consultado el 11 de mayo de 2013, en: s/a. Introducción al lenguaje del lado del servidor. Consultado el 11 de mayo de 2013, en: s/a. Manipulación de objetos. Consultado el 11 de mayo de 2013, en: