Aplicaciones Web

Jose Luis Lpez Marn

Ingeniero de Sistemas

TECNOLOGIAS WEB
Antecedentes
Computadores
Software
Redes de Comunicaciones y de Computadores
Red: Una red se considera como un conjunto de
dispositivos, mecanismos y procedimientos asociados
que estn conectados por medio de recursos de
comunicaciones para intercambiar informacin til.

EISC- APLICACIONES EN LA WEB Y REDES INALAMBRICAS

TECNOLOGIAS WEB
Internet ?
Internet es el nombre que se le da al conjunto mundial de
redes y enrutadores conectados mediante diferentes
medios como cables telefnicos, redes de fibras pticas,
microondas, antenas parablicas, satlites y hasta cables
submarinos, que utilizan el protocolo TCP/IP para
comunicarse entre s.

EISC- APLICACIONES EN LA WEB Y REDES INALAMBRICAS

TECNOLOGIAS WEB
Muchos programas + muchos formatos + muchos
protocolos = caos
Iniciativa World Wide Web (WWW) (web)
Tim Bernes-Lee 1.989 y asociados del CERN
Nuevo sistema de informacin
Propsito orden
Programa llamado Browser

EISC- APLICACIONES EN LA WEB Y REDES INALAMBRICAS

TECNOLOGIAS WEB
Primer Browser diciembre de 1.990.
Enero de 1.991 resultado del proyecto WWW en el CERN.
Febrero de 1.991 liberado para uso pblico.
Febrero de 1.993 (NCSA) primera versin de Mosaic.
Noviembre de 1.993 liberado para otras plataformas: Apple
Macintosh, Microsoft Windows y Xwindows.

EISC- APLICACIONES EN LA WEB Y REDES INALAMBRICAS

TECNOLOGIAS WEB
Qu es el WWW ?
El WWW es un sistema de informacin global, interactivo, dinmico, de
plataforma independiente; basado en hipertextos que corre sobre
Internet.
Sus principales caractersticas son:
Es un sistema de informacin de hipertextos.
Es grfico y fcil de usar.
Es (Cross-Platform) de plataforma independiente.
Es distribuido (puede accesar informacin geogrficamente dispersa).
Es dinmico (la informacin se puede actualizar).
Es de carcter multimedial, puede accesar muchas tipos de informacin en
Internet (grficos, texto, sonido, video, etc).
Es interactivo, es decir, permite la interactividad con los usuarios a travs
de formularios, scripts, applets, etc.

EISC- APLICACIONES EN LA WEB Y REDES INALAMBRICAS

TECNOLOGIAS WEB
Qu puede usted hacer en el Web?
"Casi todo lo que a usted le guste o lo que los medios electrnicos de
transferencia y despliegue de informacin permitan".
Tpicamente el Web se ha utilizado en:
Distribucin de informacin cientfica (Bibliotecas Digitales).
Uso comercial: - Catlogos - Ventas - Distribuir manuales tcnicos
- Distribuir software
-En la academia (universidades, colegios).
-Libros electrnicos (hipertextos).
-Informacin pblica.
-Guas de Internet.
-Sistemas de informacin
-Gerenciar y administrar todo una empresa o institucin
EISC- APLICACIONES EN LA WEB Y REDES INALAMBRICAS

TECNOLOGIAS WEB
Visin Actual y Futura del Web:
Web 2.0 y web 3.0
RIA (Rich Internet Applications)
Web Semntica e integracin de nuevas tecnologas

EISC- APLICACIONES EN LA WEB Y REDES INALAMBRICAS

TECNOLOGIAS WEB
HTTP es un protocolo sin estado
No guarda ninguna informacin sobre conexiones anteriores
Al finalizar la transaccin todos los datos se pierden.
Por esto se popularizaron las cookies, que son pequeos ficheros
guardados en el cliente que puede leer un sitio web al establecer
conexin con l, y de esta forma reconocer a un visitante que ya
estuvo en ese sitio anteriormente.
Cliente Web (Web Browser)
Ventana para los usuarios finales hacia el WWW.
Servidor Web (Web Server)
Responsable por atender las peticiones de los clientes web.

EISC- APLICACIONES EN LA WEB Y REDES INALAMBRICAS

Caracteristicas del Servidor Web

Permite compartir recursos soportando procesos simultneos y
controlando el acceso a los servicios.
Atiende muchos clientes con un solo servidor.
Ubicacin distribuida es decir puede controlar procesos en equipos
geogrficamente dispersos.
Aplicaciones de plataforma independiente dado que funciona en
diferentes plataformas como Unix, Windows y Mac.
Garantiza la integridad de los servicios que estn centralizados en el
servidor, lo cual facilita el mantenimiento y reduce los costos;
adems, garantiza la independencia de cada cliente.
EISC- APLICACIONES EN LA WEB Y REDES INALAMBRICAS

Clientes y servidores

EISC- APLICACIONES EN LA WEB Y REDES INALAMBRICAS

Relacin cliente - Servidor Web

EISC- APLICACIONES EN LA WEB Y REDES INALAMBRICAS

Algunos protocolos web

HTTP: (Hypertext Transfer Protocol)Protocolo nativo del web.

FTP: (File Transfer Protocol) Protocolo de transferencia de archivos.
TELNET: Protocolo de comunicaciones basado en comandos de texto.
SMTP: Protocolo de manejo de correo electrnico (e-mail).

EISC- APLICACIONES EN LA WEB Y REDES INALAMBRICAS

TECNOLOGIAS WEB
URL: Uniform Resource Locator
Identificacin nica de informacin, le indica al browser donde est
localizada la informacin y como obtenerla.
El URL contiene: (Anatomia de una URL)
Nombre de la mquina donde el recurso est localizado.
El protocolo de transferencia.
Instrucciones para accesar la informacin, despus de conectarse
(por ejemplo: el directorio).

EISC- APLICACIONES EN LA WEB Y REDES INALAMBRICAS

APLICACIONES WEB

EISC- APLICACIONES EN LA WEB Y REDES INALAMBRICAS

CONCEPTOS

Que es una aplicacin Web

Una aplicacin web es un conjunto de pginas que interactan unas con

otras y con diversos recursos en un servidor web, incluidas bases de datos.

Esta interaccin permite implementar caractersticas en su sitio como

catlogos de productos virtuales y administradores de noticias y
contenidos.

Adicionalmente podr realizar consultas a bases de datos, registrar e

ingresar informacin, solicitudes, pedidos y mltiples tipos de informacin
en lnea en tiempo real.

EISC- APLICACIONES EN LA WEB Y REDES INALAMBRICAS

TIPOS DE PAGINAS WEB

PAGINA ESTATICA

EISC- APLICACIONES EN LA WEB Y REDES INALAMBRICAS

TIPOS DE PAGINAS WEB

PAGINA DINAMICA

EISC- APLICACIONES EN LA WEB Y REDES INALAMBRICAS

2012 EISC - Introduccin a las Tecnologas Informticas

CONCEPTOS

Consideraciones tcnicas

Una ventaja significativa es que las aplicaciones web deberan funcionar

igual independientemente de la versin del sistema operativo instalado
en el cliente, la aplicacin web se escribe una vez y se ejecuta igual en
todas partes. Sin embargo, hay aplicaciones con especificaciones
estndar para navegadores web que pueden causar problemas en el
desarrollo y soporte de estas aplicaciones, principalmente debido a la
falta de adhesin de los navegadores a dichos estndares web.

EISC- APLICACIONES EN LA WEB Y REDES INALAMBRICAS

CONCEPTOS

ESTRUCTURA:

Aunque existen muchas variaciones posibles, una aplicacin web est normalmente
estructurada como una aplicacin de tres-capas. En su forma ms comn, el navegador
web ofrece la primera capa, y un motor capaz de usar alguna tecnologa web
dinmica, por ejemplo:PHP, Java Servlets oASP,ASP.NET,Pythonetc.que constituye
la capa intermedia. Por ltimo, una base de datos constituye la tercera y ltima capa.

El navegador web manda peticiones a la capa intermedia que ofrece servicios

valindose de consultas y actualizaciones a la base de datos y a su vez proporciona una
interfaz de usuario.

EISC- APLICACIONES EN LA WEB Y REDES INALAMBRICAS

CARACTERISTICAS DE APLICACIONES WEB

Caractersticas habituales

Comunicacin mediante HTTP .

Procesamiento en servidor.

Acceso a bases de datos.

Arquitectura por capas.

Distintos tipos de usuarios

EISC- APLICACIONES EN LA WEB Y REDES INALAMBRICAS

CARACTERISTICAS DE APLICACIONES WEB

Procesamiento en el servidor de datos

Integridad referencial.

Procedimientos almacenados.

Disparadores.

Procesamiento en el servidor de aplicaciones

(C, Perl, ).

Lenguajes de script (ASP, PHP, JSP, ColdFusion).

Servlets (Java).

Procesamiento en el cliente web

JavaScript.

Applets (Java).

ActiveX (Microsoft).

Flash (Macromedia).
EISC- APLICACIONES EN LA WEB Y REDES INALAMBRICAS

Diseo de las WebAPP

Qu es?
El diseo de webapps incluye actividades tcnicas y no tcnicas que incluyen lo
siguiente: establecer la vista y sensacin de la webapp, creando la distribucin
esttica de la interfaz de usuario, definiendo la estructura arquitectnica general,
desarrollando el contenido y la funcionalidad que residen en la arquitectura y
planeando la navegacin que ocurre dentro de la webapp.

Quin lo hace?
Ingenieros web, diseadores grficos, desarrolladores de contenido y varios
participantes ms.

Por qu es importante?
Crear un modelo que se evale respecto de su calidad para mejorarlo antes de la
generacin de contenido y cdigo, de la realizacin de las pruebas y del involucramiento
de un gran nmero de usuarios.

EISC2012
APLICACIONES
EISC - Introduccin
EN LA WEB
a las
Y REDES
Tecnologas
INALAMBRICAS
Informticas

Diseo de las WebApp

Cules son los pasos?
Seis etapas principales que son orientadas por la informacin obtenida
durante la modelacin de los requerimientos.
El diseo del contenido utiliza el contenido del modelo (desarrollado durante el
anlisis) como la base para establecer el diseo de los objetos del contenido.
El diseo esttico (tambin llamado diseo grfico) establece la vista y sensacin
que el usuario final percibe.
El diseo arquitectnico se centra en la estructura general de hipermedios de
todos los objetos y funciones del contenido.
El diseo de la interfaz establece la distribucin y mecanismos de distribucin que
definen a la interfaz de usuario.
El diseo de la navegacin define la forma en la que el
usuario final navega a travs de la estructura de hipermedios.
El diseo de los componentes representa la estructura interna detallada de los
elementos funcionales de la webapp.

Realizar lectura sobre ingeniera WEB.

EISC- APLICACIONES EN LA WEB Y REDES INALAMBRICAS