INGENIERÍA

WEB
FACULTAD DE INGENIERÍA
ESCUELA ACADEMICA PROFESIONAL
DE INGENIERÍA DE SISTEMAS

CLASE N° 01

CONCEPTOS
FUNDAMENTALES DE
INGENIERÍA WEB
 ASIGNATURA:
DESARROLLO APLICACIONES NET

AGENDA

Aplicativos para crear sitos web en modo

Diseño

Creación del Sitio Web

Elementos de un Web Site

Herramientas para el diseño web

Qué es la Ingeniería Web

Qué marca la diferencia
Porqué es necesaria
 ASIGNATURA:
DESARROLLO APLICACIONES NET

¿QUÉ ES LA INGENIERÍA WEB?

Es la aplicación de metodologías sistemáticas, disciplinadas y

cuantificables al desarrollo eficiente, operación y evolución de
aplicaciones de alta calidad en la World Wide Web.
 ASIGNATURA:
DESARROLLO APLICACIONES NET

¿QUÉ MARCA LA DIFERENCIA?

NATURALEZA ÚNICA DE LAS APLICACIONES WEB

 Residente en Red
 Concurrencia
 Evolución Continua
 Seguridad
 Estética
 Medible

Fuente: http://www.powersurgedesign.com/WebApps.htm
 ASIGNATURA:
DESARROLLO APLICACIONES NET

IMPORTANCIA DE LA INGENIERÍA WEB

Permite construir Aplicaciones Web de calidad que:

Pesen mucho menos

El mantenimiento de las mismas sea más sencillo

Cumplan con los requerimientos de un cliente

Sean soportadas y mostradas con excelente calidad en

cualquier navegador
 ASIGNATURA:
DESARROLLO APLICACIONES NET

DIFERENCIA ENTRE UN SITIO WEB Y UNA APLICACIÓN

WEB

Un sitio web es un espacio donde se publica contenido generalmente

estático con un muy bajo nivel de interactividad con el usuario
 ASIGNATURA:
DESARROLLO APLICACIONES NET

…DIFERENCIA ENTRE UN SITIO WEB Y UNA APLICACIÓN

WEB

Una aplicación web es un SI con alto contenido de interactividad

y funcionalidades que bien podrían ser de un software convencional.
 ASIGNATURA:
DESARROLLO APLICACIONES NET

…DIFERENCIA ENTRE UN SITIO WEB Y UNA APLICACIÓN

WEB

La aplicación web más sencilla sería una que contenga formularios y

subiendo de nivel encontramos las que realizan conexión con base
de datos remotas, y CMS
 ASIGNATURA:
DESARROLLO APLICACIONES NET

¿QUÉ ES APLICACIÓN WEB?

Es un SI donde una gran cantidad de datos van a ser

consultados, procesados y analizados mediante navegadores.

«Si no existe lógica del negocio en el servidor, el sistema no

puede ser llamado Aplicación Web» [Conallen99].
 ASIGNATURA:
DESARROLLO APLICACIONES NET

ELEMENTOS DE UNA APLICACIÓN WEB

Es una especialización de las aplicaciones cliente/servidor donde

tanto el cliente (el navegador), como el servidor (servidor web) y el
protocolo HTTP son estándares y no han de ser creados por el
programador.
 ASIGNATURA:
DESARROLLO APLICACIONES NET

CARACTERÍSTICAS DE UNA APLICACIÓN WEB

Aplicación informática en entorno web

Arquitectura por capas

Procesamiento en el servidor

Acceso a bases de datos

Distintos tipos de usuarios

Comunicación: HTTP
 ASIGNATURA:
DESARROLLO APLICACIONES NET

EL CLIENTE

El navegador no ven la página web ... solo se "come" el código html,

sigue las ordenes de sus etiquetas y nos proyecta el resultado.

Un navegador web o explorador web (del inglés, navigator o browser) es

un programa que permite al usuario visualizar documentos descritos en
HTML, desde servidores web de todo el mundo a través de Internet.
 ASIGNATURA:
DESARROLLO APLICACIONES NET

CÓMO FUNCIONA
 ASIGNATURA:
DESARROLLO APLICACIONES NET

LADO DEL SERVIDOR y LADO DEL CLIENTE

Lenguajes de lado servidor son reconocidos,

ejecutados e interpretados por el propio servidor y que
se envían al cliente en un formato comprensible para
él.

Lenguajes de lado cliente son aquellos que pueden ser

directamente "digeridos" por el navegador y no
necesitan un pretratamiento.
 ASIGNATURA:
DESARROLLO APLICACIONES NET

LADO DEL SERVIDOR y LADO DEL CLIENTE

 ASIGNATURA:
DESARROLLO APLICACIONES NET

SERVIDOR WEB

Interpretando un código ( *.aspx, *.php, *.pl ... )

 ASIGNATURA:
DESARROLLO APLICACIONES NET

PROTOCOLO HTTP
Es la base del funcionamiento de internet. Se basa en un
intercambio de peticiones y respuestas entre clientes
(portátiles, teléfonos móviles, ordenadores de escritorio ) y
servidores.

Está diseñado para transferir lo que se llama hipertextos, páginas web o páginas HTML: textos complejos con enlaces,
figuras, formularios, botones y objetos incrustados como animaciones o reproductores de música.
 ASIGNATURA:
DESARROLLO APLICACIONES NET

ARQUITECTURA DE LAS APLICACIONES WEB.

 La arquitectura de una aplicación define cómo se

organizan los distintos módulos que la componen.

 En una aplicación web se suelen distinguir 3 niveles:

Interfaz de
Usuario o Lógica de Nivel de
Capa de Negocio Datos
Presentación
 ASIGNATURA:
DESARROLLO APLICACIONES NET

ARQUITECTURA WEB DE TRES NIVELES:

El primer nivel consiste en la capa de presentación que incluye no sólo el
navegador, sino también el servidor web que es el responsable de dar a los
datos un formato adecuado.
 ASIGNATURA:
DESARROLLO APLICACIONES NET

ARQUITECTURA WEB DE TRES NIVELES:

El segundo nivel está referido habitualmente a algún tipo de programa o
script (lógica del negocio). Finalmente, el tercer nivel proporciona al
segundo los datos necesarios para su ejecución.
 ASIGNATURA:
DESARROLLO APLICACIONES NET

TECNOLOGÍAS Y LENGUAJES DEL LADO DEL CLIENTE.

 ASIGNATURA:
DESARROLLO APLICACIONES NET

LENGUAJES DE PROGRAMACIÓN DEL LADO DEL

SERVIDOR

 ASP, ASP.NET (son tecnologías, soportan diferentes

lenguajes como VB, C#, C++, etc.).
 PHP.
 JSP.
 Perl.
 Ruby.
 Python.
 XML.
 ASIGNATURA:
DESARROLLO APLICACIONES NET

SERVIDOR WEB
 Apache (Libre, servidor más usado
del mundo, según Wikipedia)
 IIS
 Tomcat (Libre, del proyecto Jakarta
de Apache)
 Geronimo (Libre, orientado a J2EE,
del proyecto Jakarta de Apache,
actualmente se encuentra en
desarrollo)
 JBoss
 JOnAS
 Cherokee