XML4

Escuela Complutense Latinoamericana
Escola Complutense Latinoamericana
Programación
para Internet
Universidade Federal de Santa Catarina

Florianópolis, Brasil
21 de mayo a 1 de junio de 2007
Programación para Internet
¡ Bienvenidos !
Curso de la Escuela Complutense Latinoamericana.
Curso sobre tecnologías para la web.
Duración: 2 semanas (50 horas lectivas + 10 de proyecto).
Programa:
1. Introducción.
2. Lenguajes de marcado: HTML/ XML.
3. Programación en el lado del cliente con JavaScript.
4. Programación en el lado del servidor: PHP y MySQL.
5. Lenguaje de programación Java.
6. Applets, servlets y aplicaciones.
7. FLASH.
8. Servicios web.
9. Proyecto: Implantación de aplicaciones en la WWW.
El lenguaje HTML Intro: 1

Universidad Complutense de Madrid Universidade Federal de Santa Catarina
Internet y la World Wide Web
Internet: soporte sobre el que funciona la WWW.

Conjunto de normas (protocolos) para la comunicación
entre las computadoras conectadas a la red.
La red Internet es igualitaria y descentralizada.
Internet: red de redes. Red de servicios.
1968 ARPANET (proyecto del DoD USA).
1971 ARPANET ya es utilizada por la comunidad académica.
1974 Surge TCP/IP, protocolo estándar de ARPANET.
1983 EARN (Red europea para universidades e investigación).
1986 NSFNET: red de la National Science Foundation (USA).
1990 España se une a Internet mediante el proyecto RedIRIS.
1993 Aparece la WWW: la red se hace accesible al profano.
2000 La Web en los móviles: UMTS, WAP, ...
La World Wide Web
La Sociedad de la información electrónica

Uno de los muchos servicios que pueden proporcionar
los servidores es simplemente el acceso a información.
La información se sirve en unidades que se conocen como
páginas web. Transferencia de páginas web: protocolo
HTTP (Protocolo de transferencia de hipertexto).
Las páginas web son documentos hipertextuales:
referencias a otras informaciones: hipervínculos.

La World Wide Web
Servidores web: Cada uno tiene asignado un nombre

único, distinto de cualquier otro en Internet:
www.ucm.es serv1.sip.ucm.es
Conjunto de servidores web: World Wide Web.
Las páginas web contienen información en múltiples
formas (texto, imágenes, código, etc.; información
multimedia en general). Los (hiper)vínculos de las
páginas web son las puertas de acceso a otras páginas.
Las páginas web se visualizan en programas
específicamente creados para eso: navegadores.
Modelo Cliente-Servidor: los clientes (navegadores)
solicitan a los servidores páginas web.
Las páginas web
Cada página web está unívocamente identificada en

Internet, por medio de lo que se conoce como URL:
Localizador uniforme (o universal) de recursos.
Las páginas web son un tipo particular de recurso
accesible a través de Internet.
Sintaxis del URL: protocolo://servidor/ruta/archivo
http://www.fdi.ucm.es/profesor/luis/index.html
Páginas predeterminadas: index.html, index.htm,
default.html o default.htm.

Las páginas web
Servidores web: servidores HTTP conectados Internet.

Servicio más básico: acceso a páginas web estáticas.
Páginas web estáticas: .htm o .html.
El cliente solicita la página al servidor dando el URL:
http://www.ucm.es/index.htm
El servidor responde enviando de vuelta el archivo
solicitado, index.htm. El archivo contiene una descripción
de la página que se ha de visualizar (lenguaje HTML):
<HTML>
<HEAD>
<TITLE>Universidad Complutense</TITLE>
<STYLE>P {FONT-size: 10pt; color: rgb(0,0,128);
text-align: justify; margin-left: 10px}
</STYLE>
<BODY> ...
Los sitios web
Sitio web: conjunto de páginas web alojadas en el mismo

servidor web y que están relacionadas de algún modo.
En el servidor web puede haber varios sitios web:
Las páginas de un sitio web están alojadas en el servidor

a partir de un directorio concreto: la raíz del sitio.

Los sitios web
Debajo del directorio raíz puede haber otros directorios.

El acceso a las páginas del sitio se puede realizar de
forma local, desde el propio servidor, o de forma remota.
Para acceder desde el propio servidor a las páginas basta
con proporcionar al navegador la ruta local de la página:
C:\Sitios web\Web\HTML\index.html
Para acceder a las páginas desde otras máquinas,
el sitio web debe estar disponible.
Nombre especial para la raíz del sitio: directorio virtual.
http://servidor/Cursos/HTML/index.html
Cursos Æ C:\Sitios web\Web\
Páginas web y HTML
Página web: archivo de texto con código HTML que:

¾ Describe su contenido.
¾ Describe su forma (aspecto).
¾ Describe sus vínculos a otras páginas web.
La información multimedia está en archivos aparte
(HTML indica dónde se encuentran).
Interacción con el usuario

Nivel de servicio más básico de los servidores web:
los usuarios solicitan páginas (con URL o con vínculos).
Con el tiempo se empezó a echar de menos una mayor
capacidad de interacción.

Formularios HTML
Siguiente nivel de interacción: formularios HTML.

Una serie de campos y controles con los que el usuario
proporciona información. Un botón Enviar hace que el
navegador envíe los datos al servidor (por HTTP o por
correo electrónico).
Más allá de HTML
Mejoras en la presentación de la información

Además de mejorar la interacción con el usuario,
con el tiempo también fue mejorando la visualización.
HTML es un lenguaje muy sencillo y no está preparado
para contenidos sofisticados (animados, de propósito
específico, etcétera). Se opta por mantener HTML simple
y abrir la puerta a otro tipo de extensiones.
Por ejemplo, el código HTML puede hacer referencia a
componentes externos como los applets de Java o los
controles ActiveX (programas que se ejecutan dentro
de la ventana del navegador).
Otra posibilidad es la inserción en el archivo HTML
de código ejecutable escrito en algún lenguaje de
programación.

Más allá de HTML
Programación en el lado del cliente

Los programas que se intercalan entre el código HTML
son fragmentos de código (guiones) escritos en un
lenguaje de programación.
Los guiones se ejecutan en la computadora cliente.
Lenguajes de guiones principales:

― VBScript (basado en Visual Basic)
― JavaScript (basado en Java)
Los guiones se ejecutan a medida que se encuentran.
Con la programación en el lado del cliente podemos
dinamizar las páginas: Dynamic HTML (HTML dinámico).
Más allá de HTML
HTML dinámico
9 Rótulos en movimiento (marquesinas).
9 Mensajes en la barra de estado.
9 Modificación de las características de la ventana del
navegador.
9 Detección de las acciones del ratón y respuesta a ellas.
9 Validación de los datos de un formulario antes de
enviarlos.
9 Reconocimiento de un usuario que ya ha visitado la
página.
9 Y mucho más. Incluso abrir ventanas de navegador y
crear sobre la marcha páginas a visualizar en esas
ventanas.

Más allá de HTML
Programación en el lado del servidor

Posibilidad de enviar datos al servidor: necesidad de que
el servidor responda de alguna forma a esos envíos.
La información que el usuario envía al servidor se procesa
en éste por medio de algún lenguaje de programación.
Los programas obtienen los datos, los procesan y
producen alguna salida. Lo que pueden hacer los
programas con los datos recibidos de un formulario es
muy variado. Por ejemplo, resulta habitual usar los datos
como base de la creación dinámica de páginas web.
Como los programas se ejecutan en el servidor, decimos
que se trata de Programación en el lado del servidor. Los
programas se denominan guiones de servidor.
Más allá de HTML

El servidor debe disponer de servicios que proporcionen
datos procedentes de conexiones HTTP a programas y
que recojan resultados de esos programas para usarlos
en páginas web.
Hay distintas formas de establecer la comunicación entre
el servidor web y los programas de servidor. La primera
que surgió fue CGI (Interfaz de pasarela común): cuando
se solicita una página del servidor que se encuentra en un
directorio (carpeta) especial, en lugar de devolver ese
archivo, que es un programa, se ejecuta y lo que se
devuelve es la salida del programa; al solicitar la página
se le pasan los datos que se quiere que procese.

Más allá de HTML

Otras tecnologías más modernas, como PHP, ASP o JSP,
utilizan métodos de comunicación similares.
Con la programación en el lado del servidor podemos
crear dinámicamente páginas web, personalizar su
contenido, guardar la información recibida y mucho más.
La programación en el lado del servidor abre la puerta a
las aplicaciones web: Las aplicaciones que utilizan la web
como interfaz de usuario se denominan aplicaciones web.
Los programas del servidor pueden hacer cualquier cosa.
Por ejemplo, acceder a bases de datos del servidor. Las
bases de datos son el soporte principal de las aplicaciones
de comercio y nos llevan a lo que se conoce como
comercio electrónico.
Herramientas de desarrollo
¿Qué herramientas necesitamos?

9 Servidor web.
9 Conjunto de páginas web en los directorios
(carpetas) del servidor web.
¿Algo más?
Depende de la funcionalidad que deseemos.
Programación en el lado del servidor:
9 Servicio de interpretación de los guiones.
Si los guiones del servidor acceden a bases de datos:
9 Sistema de gestión de bases de datos (SGBD).
9 Servicio de comunicación entre los guiones y las BD.


Páginas web: archivos de texto.
― Editor de texto simple (incluso el Bloc de notas).
― Existen editores especializados que resaltan la sintaxis
y ofrecen diversas ayudas (HomeSite de Macromedia).
Editores WYSIWYG que evitan tener que aprender HTML:
Dreamweaver de Macromedia, FrontPage de Microsoft, ...
Para las ilustraciones y otros contenidos multimedia:
Aplicaciones de diseño gráfico y de edición de los
distintos contenidos (audio, vídeo, etcétera).
Entornos de programación: Visual InterDev de Microsoft
o Dreamweaver UltraDev de Macromedia.

Para aplicaciones web:
9 Sistema de gestión de base de datos
(Oracle, MySQL, SQL Server, Access, ...)
9 Entornos de desarrollo sofisticados
(.NET, J2EE).
9 Frameworks de aplicaciones
(BroadVision, WebLogic).


XML4

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

XML4

Загружено:

Авторское право:

Доступные форматы

Escuela Complutense Latinoamericana

Escola Complutense Latinoamericana

Universidade Federal de Santa Catarina

Programación para Internet

El lenguaje HTML Intro: 1

Internet: soporte sobre el que funciona la WWW.

El lenguaje HTML Intro: 2

La World Wide Web

La Sociedad de la información electrónica

El lenguaje HTML Intro: 3

Servidores web: Cada uno tiene asignado un nombre

El lenguaje HTML Intro: 4

Las páginas web

Cada página web está unívocamente identificada en

El lenguaje HTML Intro: 5

Servidores web: servidores HTTP conectados Internet.

El lenguaje HTML Intro: 6

Los sitios web

Sitio web: conjunto de páginas web alojadas en el mismo

Las páginas de un sitio web están alojadas en el servidor

El lenguaje HTML Intro: 7

Debajo del directorio raíz puede haber otros directorios.

El lenguaje HTML Intro: 8

Páginas web y HTML

Página web: archivo de texto con código HTML que:

Interacción con el usuario

El lenguaje HTML Intro: 9

Siguiente nivel de interacción: formularios HTML.

El lenguaje HTML Intro: 10

Más allá de HTML

Mejoras en la presentación de la información

El lenguaje HTML Intro: 11

Programación en el lado del cliente

Lenguajes de guiones principales:

El lenguaje HTML Intro: 12

Más allá de HTML

El lenguaje HTML Intro: 13

Programación en el lado del servidor

El lenguaje HTML Intro: 14

Más allá de HTML

Programación en el lado del servidor

El lenguaje HTML Intro: 15

Programación en el lado del servidor

El lenguaje HTML Intro: 16

¿Qué herramientas necesitamos?

El lenguaje HTML Intro: 17

¿Qué herramientas necesitamos?

El lenguaje HTML Intro: 18

¿Qué herramientas necesitamos?

El lenguaje HTML Intro: 19

Вам также может понравиться