Clase no2 31-oct-2012

Unidad Curricular:Introducción a la Web

CLASE 01

Introducción a la Web

TECNOLOGIA EN ANALISIS DE SISTEMASQUINTO SEMESTRE

INSTITUTO SUPERIOR TECNOLOGICO TENA

Instituto Técnico Superior Tena

Se concede permisodocumento bajo los License, Version 1.1

para copiar, distribuir y / o modificar estetérminos de la GNU Free

Documentation o cualquier versión posterior publicada porla Free Software Foundation, siempre que su autor original tenga

conocimiento.


UNIDAD I

Unidad I Introducción al Diseño Web

3

Al finalizar esta unidad el estudiante:

Conoce los procesos de desarrollo de la industria del software.

Conoce los fundamentos del Proceso de Desarrollo de Software RUP y los artefactos inherentes de su aplicación en la fabricación de software.

PONENCIA



3

PONENCIA

Tiempo Programado: 120 minutos



MENSAJE MOTIVACIONAL

“Sólo aquellos que se atreven a fallar en grande

pueden lograr algo grandioso.”

~ Robert F. Kennedy



PONENCIA

UNIDAD IINTRODUCIÓN A

LA WEB



PONENCIA Origen de la Web

PONENCIA


La Web fue creada en 1989 por el inglés Tim Berners-Lee y el belga Robert Cailliau mientras trabajaban en el CERN en Ginebra, Suiza.

Desde entonces, Berners-Lee ha jugado un papel activo guiando el desarrollo de estándares Web (lenguaje con los que se crean las páginas Web), en los últimos años ha abogado por su visión de una Web Semántica, empezó a escribir un programa que le permitiera almacenar información.

De modo magistral, dio forma y aplicación a un par de conceptos que ya habían sido formulados de forma más o menos vaga y genérica: El hipervínculo, que conducía directamente al concepto de hipertexto, de ahí al de páginas HTML (páginas Web) que a su vez darían origen a un nuevo servicio de Internet (mejor diríamos una nueva forma de usar la Red) que acabaría arrasando, y a un nuevo paradigma de arquitectura de la información: Los "Hypermedia".



PONENCIA


Las páginas de hipertexto, con sus hipervínculos enlazando información en cualquier parte del mundo, tejen una telaraña mundial,"World Wide Web",abreviadamente "La Web« ;WWW o W3.

No confundir "la Web" con "la Red". La Red, es Internet y estaba inventada bastante antes. La Web es uno de los muchos servicios que proporciona Internet. Además, como la Web es, entre otras cosas, una "interfase" para utilizar la red (de tremendo éxito), muchos de los servicios se han "maquillado de Web", adoptando formas compatibles con los navegadores.



PONENCIA


¿Qué es Internet?• Incluye distintos servicios:

– Correo electrónico. 1971, Ray Tomlinson

– Chat (o IRC).1988, en Finlandia

– Transferencia de archivos– Foros de discusión– World Wide Web, 1989, Tim Berners Lee



PONENCIA



¿Qué es Internet?

Uno de los servicios que más éxito ha tenido en Internet ha sido la World Wide Web (WWW, o "la Web"), hasta tal punto que es habitual la confusión entre ambos términos.


PONENCIA


¿Qué es Internet?Internet es un conjunto descentralizado de redes de comunicación interconectadas que utilizan la familia de protocolos TCP/IP, garantizando que las redes físicas heterogéneas que la componen funcionen como una red lógica única, de alcance mundial.

Sus orígenes se remontan a 1969, cuando se estableció la primera conexión de computadoras, conocida como ARPANET, entre tres universidades en California y una en Utah, Estados Unidos



PONENCIA


¿Qué es Web? “La cara gráfica de Internet” La parte multimedia de Internet Es un espacio de almacenamiento y un

sistema de publicación mundial al que se accede en cualquier momento y desde cualquier lugar

Compuesta por millones de sitios web, cada uno de los cuales puede tener varias páginas

Web: Hipertexto + Internet


PONENCIA Evolución de la Web

PONENCIA


La Web de hoy es un universo de aplicaciones y páginas web interconectadas lleno de vídeos, fotos y contenido interactivo. Lo que no ve el usuario es cómo interactúan los navegadores y las tecnologías web para hacer que esto sea posible.

A lo largo del tiempo, las tecnologías web han evolucionado hasta permitir que los desarrolladores puedan crear nuevas e increíbles experiencias web.



PONENCIA


• La Web ha pasado por tres etapas o generaciones muy claras, a saber:

No obstante, la evolución continua de la tecnología hace un poco complicado establecer los límites exactos de fecha en los cuales, podemos decir que la Web es de una generación u otra, ya que en la realidad lo que vemos es una superposición de cada una de estas generaciones según el sitio web que examinemos. Sin embargo trataremos de hacer una aproximación grosera a efectos de clasificación.

1ª Generación o Generación de Contenido

Estático

2ª Generación o Generación de Contenido Dinámico o Interactivo

3ª Generación o Generación de Contenido Colaborativo



PONENCIA


• La 1ª Generación de la Web o Generación de Contenido Estático, se corresponde con la Web que va desde que se crea por Tim Berners-Lee hasta la aparición de la 2ª Generación a mediados de los años 90.

• Esta generación se caracteriza porque las páginas Web son completamente estáticas, es decir, el contenido que presentan es el que es y no permiten al usuario realizar ningún tipo de interacción con las mismas, salvo la manipulación propia del manejo del hipertexto y los hiperenlaces, esto es, saltar de una página web a otra.

1ª Generación o Generación de Contenido Estático



PONENCIA


La 2ª Generación de la Web o Generación de Contenido Dinámico, se corresponde con la Web en la que aparecen las primeras técnicas para permitir la inclusión de contenido dinámico, se puede decir que es la Web que hoy por hoy está más extendida y es la que se utiliza más comúnmente.

Esta generación se caracteriza porque las páginas Web son generadas por alguna de las tecnologías vistas para la generación de contenido dinámico (CGIs, ASP, ASP.NET, JSP o PHP, entre otros), permiten la interacción con el usuario en un nivel en donde éste, puede hacer preguntas y el sistema presenta las respuestas en función de los criterios introducidos en formularios. La experiencia del usuario queda limitada a él y a la aplicación que utiliza.

2ª Generación o Generación de Contenido Dinámico o Interactivo



PONENCIA


De la 3ª Generación de la Web, podemos decir que es el modelo que se está imponiendo poco a poco, y que haciendo uso de las capacidades adquiridas en la generación anterior, permite que la experiencia del usuario con la Web mejore espectacularmente.

En esta generación, las aplicaciones van más allá de la mera interacción entre aplicación-usuario-aplicación, ahora ellas son el mecanismo que permiten que se produzca interacción entre usuario-usuario llegando a crearse un entorno de contenido colaborativo, en donde, el usuario es un participante más en la creación del contenido que aparece en la web.




PONENCIA


Ideas como los wikis, los blogs, etc. han cambiado la forma en la que el usuario interactúa con la web haciendo de esta un lugar mucho más rico e interesante para trabajar.

Más adelante veremos que muchos de estas ideas se engloban en algo mucho más amplio y que se denomina Web 2.0




PONENCIA


La Web actual es el resultado de los continuos esfuerzos de una comunidad web abierta que ayuda a definir estas tecnologías web, tales como HTML5, CSS3 y WebGL, y garantiza que todos los navegadores web las admitan.

Las líneas de color de esta visualización representan la interacción entre los navegadores y las tecnologías web, lo que ha permitido el desarrollo del gran número de aplicaciones web increíbles que utilizamos a diario.



PONENCIA



PONENCIAPONENCIA



Conceptualización de la Web

Web es un vocablo inglés que significa “red”, “telaraña” o “malla”.

Una web es aquella que consiste en un documento electrónico que contiene información, cuyo formato se adapta para estar insertado en la World Wide Web, de manera que los usuarios a nivel mundial puedan entrar a la misma por medio del uso de un navegador, visualizándola con un dispositivo móvil como un smartphone o un monitor de computadora.

El término, de todas formas, tiene varios usos. Además de nombrar a Internet en general, la palabra web puede servir hacer mención a una página web, un sitio web o hasta un servidor web.

PONENCIA

• En inglés website o web site, un sitio web es un sitio (localización) en la World Wide Web que contiene documentos (páginas web) organizados jerárquicamente.

• Cada documento (página web) contiene texto y o gráficos que aparecen como información digital en la pantalla de un ordenador. Un sitio puede contener una combinación de gráficos, texto, audio, vídeo, y otros materiales dinámicos o estáticos.

Sitio web

HIPERTEXTO - HIPERMEDIOS

PONENCIA




PONENCIAPONENCIA

• En informática, es el nombre que recibe el texto que en la pantalla de un dispositivo electrónico, permite conducir a otros textos relacionados, pulsando con el ratón en ciertas zonas sensibles y destacadas

Hipertexto




PONENCIAPONENCIA

• Término que hace referencia al conjunto de métodos para escribir, diseñar, o componer contenidos que tengan texto, video, audio, mapas, etc, y que poseen interactividad con los usuarios.

Hipermedio




PONENCIAPONENCIA

World Wide Web (o la "Web") o Red Global Mundial es un sistema de documentos de hipertexto y/o hipermedios enlazados y accesibles a través de Internet. Con un navegador Web, un usuario visualiza páginas web que pueden contener texto, imágenes, vídeos u otros contenidos multimedia, y navega a través de ellas usando hiperenlaces.

¿Qué es la www?




PONENCIAPONENCIA

El protocolo de transferencia de hipertexto (HTTP, HyperText Transfer Protocol) es el protocolo usado en cada transacción de la Web (WWW).

HTTP define la sintaxis y la semántica que utilizan los elementos software de la arquitectura web (clientes, servidores, proxies) para comunicarse.

Es un protocolo orientado a transacciones y sigue el esquema petición-respuesta entre un cliente y un servidor.

Al cliente que efectúa la petición (un navegador) se lo conoce como "user agent" (agente del usuario). A la información transmitida se la llama recurso y se la identifica mediante un URL.

¿Qué es http?




PONENCIAPONENCIA

Acrónimo de Uniform Resource Locator (Localizador Uniforme de Recursos /Identificador Uniforme de Recursos). Sistema unificado de identificación de recursos en la red. Es el modo estándar de proporcionar la dirección de cualquier recurso en Internet.

¿Qué es URL?

Dirección Única

Combina nombre de servidor, archivo y protocolo

http://www.google.com

.ec




PONENCIAPONENCIA

Una página web es una fuente de información adaptada para la World Wide Web (WWW) y accesible mediante un navegador de Internet.

Esta información se presenta generalmente en formato HTML y puede contener hiperenlaces a otras páginas web, constituyendo la red enlazada de la World Wide Web.

¿Qué es una página web?




http://es.wikipedia.org/wiki/World_Wide_Web

http://es.wikipedia.org/wiki/World_Wide_Web

PONENCIAPONENCIA

¿Cuáles son los tipos de páginas web?Se conoce con el nombre de página web dinámica a aquélla, cuyo contenido se genera a partir de lo que un usuario introduce en un web o formulario.El contenido de la página no está incluido en un archivo html como en el caso de las páginas web estáticas.

Se conoce con el nombre de página web dinámica a aquélla, cuyo contenido se genera a partir de lo que un usuario introduce en un web o formulario.El contenido de la página no está incluido en un archivo html como en el caso de las páginas web estáticas.

DinámicasDinámicas



Tipos de Páginas Web

PONENCIAPONENCIA

¿Cuáles son los tipos de páginas web?Los sitios Web estáticos son aquellos sitios enfocados principalmente a mostrar una información permanente, donde el navegante se limita a obtener dicha información, sin que pueda interactuar con la página Web visitada.

Los sitios Web estáticos son aquellos sitios enfocados principalmente a mostrar una información permanente, donde el navegante se limita a obtener dicha información, sin que pueda interactuar con la página Web visitada.

EstáticasEstáticas



PONENCIAPONENCIA


Los sitios se pueden clasificar de muchas maneras.

Cada tipo de sitio tiene unas características y limitaciones propias.

Una buena organización es vital para conseguir los objetivos del Sitio.

ESTÁTICAS

DINÁMICAS


PONENCIAPONENCIA



CONCLUSION TEMA CLASE

PREGUNTAS



Clase no2 31-oct-2012

Career

Transcript of Clase no2 31-oct-2012