20
Desarrollo WEB Desarrollo de Aplicaciones para Internet

Desarrollo WEB Desarrollo de Aplicaciones para Internet

Embed Size (px)

Citation preview

Page 1: Desarrollo WEB Desarrollo de Aplicaciones para Internet

Desarrollo WEB

Desarrollo de Aplicaciones para Internet

Page 2: Desarrollo WEB Desarrollo de Aplicaciones para Internet

Aprendizajes esperados:

Comprende las tecnologías de desarrollo e infraestructura asociada a distintos servidores Web

Page 3: Desarrollo WEB Desarrollo de Aplicaciones para Internet

Agenda

• Web Dinámica / Web Estática• Soporte al Protocolo HTTP• Lenguajes

Page 4: Desarrollo WEB Desarrollo de Aplicaciones para Internet

Web Dinámica / Web Estática

• Como ya sabemos, los servidores WEB se sustentan en el protocolo HTTP• Por lo tanto, los lenguajes de programación WEB, deben implementar los métodos del protocolo

Page 5: Desarrollo WEB Desarrollo de Aplicaciones para Internet

Web Dinámica / Web Estática

• El contenido debe ser cambiado en forma “manual”.• Páginas que no necesitan cambiar su contenido frecuentemente.• Rápidas / “Bajo Costo” de Desarrollo• Lo puntos anteriores implican NO-interacción con backends

WEB ESTÁTICA

Page 6: Desarrollo WEB Desarrollo de Aplicaciones para Internet

Web Dinámica / Web EstáticaWEB ESTÁTICA

• El componente WEB Server no interviene modificando el Response

Page 7: Desarrollo WEB Desarrollo de Aplicaciones para Internet

Web Dinámica / Web EstáticaWEB ESTÁTICA - Desventajas

• Puede tornarse costoso de mantener (ej. En ausencia de herramientas de automatización)

• Es necesario conocimiento de HTML para actualizar el contenido

Page 8: Desarrollo WEB Desarrollo de Aplicaciones para Internet

Web Dinámica / Web EstáticaWEB Dinámica

• Los documentos contenidos en el response son construídos “on the fly”• Páginas que necesitan cambiar su contenido en forma frecuente• Base actual de toda la infraestructura de Internet• Se requieren scripts en algún lenguaje soportado por el servidor WEB para generar el contenido en forma dinámica

Page 9: Desarrollo WEB Desarrollo de Aplicaciones para Internet

Web Dinámica / Web Estática

• Registro y solicitudes de información• Retroalimentación • Ciertos servicios necesitan contribución de la gente (clientes, comunidades, etc)

WEB Dinámica - ¿por qué interactuar?

Page 10: Desarrollo WEB Desarrollo de Aplicaciones para Internet

Web Dinámica / Web EstáticaWEB Dinámica - Recordando

SERVIDOR HTTP

Paso 1: Cliente websolicita una pagina

Paso 2: Webserver encuentra la paginay la pasa al servidor de aplicaciones

Paso 3: El servidor de aplicaciones la scanea para chequear instrucciones

Paso 4: El servidor de aplicaciones envía la pregunta al driver de la base de datos

Paso5: El driver ejecuta la pregunta en la base de datos

Servidor de Aplicaciones

RespuestaSolicitud

Paso 8: El servidor de aplicaciones inserta la respuesta en la página y la envía al servidor WEB

Paso 7: El driver pasa el resultado al servidor de aplicaciones

Paso 6: El resultado es enviado al driver

Paso 9: El webserver pasa la página terminada al cliente

Cliente WEB

(I. Explorer, Firefox, Pocket, etc)

Driver de Base de Datos

Base de Datos

Pregunta Resultado

Page 11: Desarrollo WEB Desarrollo de Aplicaciones para Internet

Web Dinámica / Web Estática

• En base a lo anterior, podemos ver que los contenidos dependen, por ejemplo de una base de datos.

WEB Dinámica

Page 12: Desarrollo WEB Desarrollo de Aplicaciones para Internet

Web Dinámica / Web Estática

• Podrían no ser indexadas correctamente por los motores de búsqueda.• La infraestructura podría requerir hardware con mayor performance• En algunos casos son requeridos conocimientos de lenguajes de programación WEB.

WEB Dinámica - Desventajas

Page 13: Desarrollo WEB Desarrollo de Aplicaciones para Internet

Lenguajes de Programación WEB

• Corresponden a scripts o rutinas que son interpretadas por la infraestructura• Cuando hablamos de infraestructura podemos referirnos al cliente o al servidor

Page 14: Desarrollo WEB Desarrollo de Aplicaciones para Internet

Lenguajes de Programación WEB

• Generalmente referidos a la ejecución en browsers.• Lo anterior genera una alta dependencia de los navegadores (será visto más adelante en esta asignatura)

• Muy relacionado con el concepto HTML dinámico. DHTML.• Actualmente muy explotado para el desarrollo de RIA´s.

Cliente

Page 15: Desarrollo WEB Desarrollo de Aplicaciones para Internet

Lenguajes de Programación WEB

• El más popular de estos lenguajes es Javascript.

window.alert ( '\u00A1Hola mundo!');

Cliente

Page 16: Desarrollo WEB Desarrollo de Aplicaciones para Internet

Lenguajes de Programación WEB

• Referidos a la ejecución en servidores WEB.• Se utilizan para la generación de páginas WEB dinámicas.• Necesitan del componente capaz de intepretar sus intrucciones. (ej, Apache Web Server o IIS)

Servidor

Page 17: Desarrollo WEB Desarrollo de Aplicaciones para Internet

Lenguajes de Programación WEB

• Algunos de los más popularesServidor

<?php $a = 'Hola Mundo'; echo $a; ?>

<html> <body> <% Response.Write ("Hola Mundo") %> </body> </html>

Page 18: Desarrollo WEB Desarrollo de Aplicaciones para Internet

Síntesis

• El Soporte del Protocolo HTTP.• Características / Ventajas / Desventajas Web Estática.• Características / Ventajas / Desventajas Web Dinámica.• Lenguajes de programación en la WEB y características generales.• Client Side• Server Side

Page 19: Desarrollo WEB Desarrollo de Aplicaciones para Internet

Recursos

http://www.w3schools.com/

Page 20: Desarrollo WEB Desarrollo de Aplicaciones para Internet

Desarrollo WEB

Desarrollo de Aplicaciones para Internet