Ejemplo de presentación para clase muestra sobre Scripting en el lado del Cliente

1. PROGRAMACIÓN WEB
Scripting en el lado del Cliente
M.T.E. Arturo Ocampo López

2. ARQUITECTURA DE RED
DE 3 CAPAS
Desarrollo web y móvil:
Interfaz gráfica del lado
del cliente
Servidores Web: Apache, IIS, y otros.
Servidor de Aplicaciones Web:
Tomcat, Jboss, IBM WebSphere y
derivados, IIS, y otros
Manejador de Base de Datos:
MySQL, PostgreSQL,
MariaDB, Oracle, SQL Server,
y otras

3. PÁGINAS DINÁMICAS DEL
LADO DE CLIENTE
• Son aquellas en las que la propia página contiene código
para implementar dicha interactividad. Se implementan con
lenguajes de Script y aplicaciones de ejecución local como:
JavaScript o VBScript

4. PÁGINAS DINÁMICAS DEL
LADO DEL SERVIDOR
• Son aquellas generadas por una aplicación web, tal que la
información contenida en ellas puede haber sido
personalizada por el usuario. Se implementa con diversas
tecnologías: CGI, ASP,JSP, PHP, ASP.NET

5. INVESTIGACIÓN
• Integrar parejas o tríadas (25 minutos)
• Investigar en “fuentes válidas” sobre “Lenguajes Script del
lado del cliente” considerar los siguientes aspectos:
• Ejemplos de lenguajes
• Características
• Ventajas
• Desventajas
• Contexto: Considerando la arquitectura de 3 capas y la ejecución
del lado del cliente o del servidor, ¿cuáles serían los aspectos más
importantes a considerar si deseo hacer un sitio web para
compartir información del lado del cliente?

6. APLICACIONES DE
EJECUCIÓN LOCAL
• HTML Lenguaje de hipermarcado de texto
• CSS hojas de estilos en cascada para el diseño
que acompaña a la información.
• DOM: Document Object Model para mostrar e
interactuar dinámicamente con la información
presentada.
• XMLHttpRequest para intercambiar datos de
forma asíncrona con el servidor web.
• XML para la transferencia de datos solicitados al
servidor.

7. APLICACIONES DE
EJECUCIÓN LOCAL
• Java Applets: Suele ser una aplicación gráfica desarrollada en Java
que se queda embebida en una página web. Para su ejecución es
necesario que el cliente tenga instalada la Máquina Virtual de Java.
• Active X Controls: Aplicación realizada en Visual Basic o en C++,
está basada en tecnologías Microsoft embebidas en el HTML. Solo
es válido para Internet Explorer.
• Animaciones Flash: Son objetos realizados en Macromedia Flash y
embebidos en la página web, es necesario que el navegador tenga
instalado el reproductor de Flash.

8. SCRIPT LADO DEL CLIENTE
• VBScript: Es una versión para navegadores de Visual Basic,
fue un fuerte competidor de Java Script, pero debido a que
solo era válido para navegadores de Microsoft ha caído en
deshuso.
• JavaScript: Es un lenguaje derivado del LiveScript de
Netscape, se basa en la familia de lenguajes C. Tiene
elementos similares a Java, pero no es Java.

9. MODELO DE OBJETOS
CON LENGUAJE SCRIPT.
• Un script en el lado del cliente es un programa que puede
acompañar a un documento HTML o que puede estar incluido en
él.
• El programa se ejecuta en la máquina del cliente cuando se carga
el documento, o en algún otro instante, como por ejemplo cuando
se activa un vínculo.

10. MODELO DE OBJETOS
CON LENGUAJE SCRIPT.
• El soporte de scripts de HTML es independiente del lenguaje de
scripts.
• Hay dos tipos de scripts que los autores pueden asociar a un
documento HTML:
Aquellos que se
ejecutan una sola vez
cuando el agente de
usuario carga el
documento.
Aquellos que son
ejecutados cada vez
que ocurre un
determinado evento.

11. USO DE SCRIPTING
• Modificar los contenidos del documento dinámicamente.
• Procesar los datos que se introducen en un formulario.
• Rellenar dinámicamente partes de un formulario según los valores
de los otros campos.
• Asegurarse que los datos introducidos concuerden con rangos de
valores.
• Pueden ser llamados por eventos que afecten al documento.
• Pueden ser vinculados a controles de formulario para producir
elementos gráficos.

12. VENTAJAS
• Aplicaciones de muy diversos tipo, desde generadores de HTML,
comprobadores de formularios, etc.
• Desarrollar aplicaciones web que permitan crear páginas como si
fueran ventanas.
• Da la sensación de estar trabajando con una aplicación con interfaz
de ventanas.

13. VENTAJAS
• Páginas dinámicas (DHTML)
• Comprobación de datos (Formularios)
• Uso de los elementos de la página web
• Intercambiar información entre
páginas web en distintas ventanas
• Manipulación de gráficos, texto, etc.
• Comunicación con plug-ins: Flash,
Java, Shockwave, etc.

14. VENTAJAS
• Es seguro y fiable hay que
interpretarlo, por lo que puede ser
filtrado.
• Se ejecuta en el cliente por lo que el
servidor no es solicitado más de lo
debido.

15. DESVENTAJAS
• Dependiente del sistema
donde se están ejecutando

16. NUEVAS CAPACIDADES
• DHTML, los scripts en el lado del cliente cambian el HTML del
documento, lo cual afecta la apariencia y las funciones de los
objetos.
• AJAX es en donde se utiliza el objeto XMLHttpRequest para
intercambiar datos asincrónicamente con el servidor web.

17. INTEGRACIÓN
• Conformar equipos de 4 participantes (45 minutos)
• Integrar en un archivo de Word la siguiente información:
• Portada
• Introducción
• Ejemplos de Lenguajes Script del cliente
• Ventajas
• Desventajas
• Conclusiones
• Bibliografía (en formato APA)
• Enviar el archivo en Blakboard

18. MUCHAS GRACIAS