1. INTRODUCCION A
LOS SISTEMAS
DE COMPUTO

2. OBJETIVO DE LA CLASE DE HOY
- Analizar los conceptos de:
- Tecnología WEB
- Extensiones de página WEB, guiones y
programas
- En el aula, usando como referencia la
presentación del catedrático.
- Al finalizar la clase los Alumnos
tendrán la capacidad de presentar en
forma oral sus conceptos respecto a
los tópicos del objetivo de la clase

3. EL PRIMER NAVEGADOR Y EL
INICIO DE LA WEB
- Tim Berners-Lee (Marzo 1989) Físico, creador de la
World Wide Web –WWW – (European Organization for
Nuclear Research)
- Propone cómo el manejo de la información de esta
organización podía ser fácilmente trasladada -y por
ende compartida- a través de Internet
- Robert Cailliau (Ingeniero en Sistemas) = ENQUIRE
(Noviembre 1990) al inicio tanto el visualizador de
documentos (navegador) también fue editor y servidor
web
- “la idea era desarrollar una herramienta que haga de la
web un espacio creativo para compartir y editar
información creando un hipertexto común…”

4. HIPERTEXTO
- Ted Nelson = fue quién acuñó el término en
1965,“relacionar escritos por medio de ciertos
enlaces…”
- el hipervínculo sólo viene a expresar la
tendencia natural de quién debe procurar el
aportar más información
- Memex -memoria extendida – hace mención a
un dispositivo que permita acceder a toda la
información guardada previamente
- Aumenta la posibilidad de acumular
información – permitir relacionarla – y
finalmente que ésta sea de simple y fácil
acceso

5. INTERNET
- Internet surgió como un proyecto militar + trabajo y
desarrollo ámbito académico (MIT – 60’s) enfocado en
lograr un mejor aprovechamiento del networking
(trabajo en red)
- 2 ideas:
- el uso de paquetes en las comunicaciones en lugar
de circuitos (como se hacía hasta ese momento)
- la posibilidad de hacer dialogar las computadoras
entre sí (tiempo compartido - time shared – ejecutar
un programa en simultáneo con otro)
- Inicio de los ’70 (1971-72) = NCP (Network Control
Protocol) protocolo de comunicación host a host
- Años ’80 = NCP por cuestiones operativas.
reemplazado por TCP/IP – la red cambia su entorno por
uno de arquitectura abierta (Internet timeline)

6. HTML
- HTML = aplicación del SGML (Standard Generalized Markup
Language – Lenguaje Estándar de Marcación General) que define
tipos de documentos estructurados y lenguajes de marcas para
representar esos mismos documentos
- El lenguaje que utilizan las computadoras que están conectadas a
Internet es HTML
- HTML = Hyper Text Markup Language (Lenguaje de marcación de
Hipertexto) - creado en 1986 por el físico nuclear Tim Berners-Lee
(Hipertexto), permite conectar dos elementos entre si y el SGML
- No es un lenguaje de programación como C++, Visual
Basic, etc., sino un sistema de etiquetas
- HTML Dinámico (DHTML) permite crear efectos especiales (texto
que vuela desde la página palabra por palabra o efectos de
transición al estilo de anuncio publicitario giratorio entre página y
página (1995)

7. HTTP
 HTTP = HyperText Transfer Protocol (Protocolo de
transferencia de hipertexto)
 Método más común de intercambio de información en
la world wide web (se transfieren las páginas WEB a
una computadora)
 Todas las páginas WEB están escritas en lenguaje de
hypertexto (hyper-text markup language (HTML)
 El protocolo de transferencia es el sistema mediante
el cual se transfiere información entre los servidores y
los clientes
 Hay una versión de http para la transferencia segura
de información llamada https que puede utilizar
cualquier método de cifrado siempre que sea
entendido tanto por el servidor como por el cliente

8. COOKIES
 Permiten llevar el control de
usuarios (cuando un usuario
introduce su nombre de usuario
y contraseña, se almacena una
cookie para que no tenga que
estar introduciéndolas para
cada página del servidor)
 Una cookie no identifica a una
persona, sino a una combinación
de computador –navegador –
usuario
 Conseguir información sobre los
hábitos de navegación del
usuario, e intentos de
spyware, por parte de agencias
de publicidad son de las razones
por la que las cookies tienen sus
detractores

9. NAVEGADOR WEB
- Programa o aplicación que nos va a permitir
movernos por internet y acceder al contenido
de las webs, blogs, foros, galerías
fotográficas, etc.
- Navegador Internet Explorer = más conocido
por estar integrado en Windows
- Otras alternativas: Mozilla
Firefox, Opera, Flock, Chrome, Maxthon, Avant
Browser, Kmeleon, etc.
- Posible poseer varios Navegadores web y
utilizarlos simultáneamente (sólo se debe
tener en cuenta para qué Sistema Operativo –
Windows, Linux, Mac – están diseñados)

10. SERVIDOR WEB
 Programa que se ejecuta continuamente en un
computador, manteniéndose a la espera de peticiones de
ejecución que le hará un cliente o un usuario de Internet
 Se encarga de contestar a estas peticiones de forma
adecuada, entregando como resultado una página web o
información de todo tipo de acuerdo a los comandos solicitados
 Un Servidor WEB es el software que permite la realización de las
funciones descritas (es la "casa" de los sitios que visitamos en la
Internet)
 Los sitios se alojan en computadores con servidores instalados y
cuando un usuario los visita son estas computadoras las que
proporcionan al usuario la interacción con el sitio en cuestión
 2 opciones:
 "servidor dedicado" = una computadora servidora dedicada
exclusivamente al sitio del cliente
 "servidor compartido" = un mismo servidor (computadora +
programa servidos) se usará para varios clientes
compartiendo los recursos

11. XML – XHTML – XSL
 XML = Extensible Markup Language – lenguaje general de
marcación (utilizado en diversos ámbitos sobre arquitecturas de
computo, archivos de configuración, bases de datos, comercio
electrónico, etc.)
 XHTML = utilizado para definir como será desplegada determinada
información – XML facilita el intercambio de datos para despliegue
 La generación de HTML / XHTML como un fragmento XML es
realizado mediante DOM o XSL.
 DOM y XSL = Document Object Model – EXtensible Stylesheet
Language son dos métodos utilizados para manipular fragmentos
XML.
 DOM genera un árbol jerárquico en memoria del documento XML y
es a través de sus diversas funciones que se manipula y
transforma su información ya sea en un documento HTML
, XHTML, PDF, Texto u otra forma
 XSL permite cierto grado de sencillez ya que no utiliza funciones
directamente, sino emplea una hoja de estilo ("XSL Stylesheet")
para llevar acabo esta transformación.

12. JAVASCRIPT - VBScript
 JavaScript = lenguaje de programación orientado a
objetos – diseñado con sintaxis similar al C
 Implementado como parte de un navegador web
permitiendo mejoras en la interfaz de usuario y páginas
web dinámicas
 Java y JavaScript no están relacionados (tienen
semánticas y propósitos diferentes)
 VBScript = Visual Basic Script Edition - lenguaje
interpretado por Windows Scripting Host
 Su sintaxis refleja su origen como variación del lenguaje
de programación Visual Basic.
 Herramienta de automatización = permite más margen de
actuación y flexibilidad que el lenguaje batch (o de
proceso por lotes) desarrollado para el MS-DOS

13. Applets de JAVA
 Applet (programa que puede incrustarse en un documento
HTML es decir en una página WEB) escrito en el lenguaje de
programación Java
 Ventaja: un esquema de seguridad que permite que los
applets que se ejecutan en el equipo no tengan acceso a
partes sensibles (por ej. no pueden escribir archivos), a
menos que uno mismo le dé los permisos necesarios en el
sistema – proporciona una forma fácil de ejecutar
aplicaciones desde el navegador web
 Desventaja: la entrega de permisos es “engorrosa” para el
usuario común
 Cuando un navegador carga una página web que contiene
un applet, este se descarga en el navegador web y comienza
a ejecutarse (esto permite crear programas que cualquier
usuario puede ejecutar con tan solo cargar la página web en
su navegador)

14. CONTROLES ActiveX
 Son pequeños bloques empleados para la creación de programas
 Se pueden usar para crear aplicaciones distribuidas que funcionen a
través de Internet empleando navegadores web (aplicaciones para la
recopilación datos, para la visualización de determinados tipos de datos
o para reproducir animaciones)
 Diseñados con la finalidad de ser descargados y ejecutados por los
navegadores web (es lo que hacen los Java applets)
 ActiveX sólo opera oficialmente con el navegador web Internet Explorer
de Microsoft y el sistema operativo Microsoft Windows
 Los controles ActiveX se pueden programar en C++, Borland Delphi y
Visual Basic
 Ejemplos de controles ActiveX: command buttons, list boxes, dialog boxes
e Internet Explorer

15. PREGUNTAS …?
GRACIAS POR
SU ATENCIÓN !!!

16. INTRODUCCION A
LOS SISTEMAS
DE COMPUTO