Introducción al

Desarrollo Web

PROGRAMACIÓN APLICADA II
 Internet
 Agencia de Proyectos Avanzados para la Defensa de
Estados Unidos (DARPA)
 Protocolo de comunicaciones de datos, Internet Protocol (IP)
y Transmission Control Protocol (TCP)
 Internet: Conjunto de redes heterogéneas conectadas entre
sí mediante el protocolo TCP/IP,
que enlaza a millones de ordenadores
a traves de hiperenlaces.
 No es sólo navegación Web, existen
muchos mas servicios.
 Internet
Servicios

 Web (http – HyperText Transfer Protocol)

 Correo Electrónico (smtp, pop3, imap)
 Transferencia de ficheros (ftp, tftp)
 Compartición de ficheros (smb)
 Servicio de noticias (nntp)
 WWW
 La Web es un sistema de
hipertexto que funciona
sobre Internet como uno
de sus servicios.
 Un programa cliente
(navegador) en un ordenador
accede a un programa
servidor (servidor web) en
otro ordenador remoto.
 Inventada por Tim Berners Lee en 1989. Crea un lenguaje de
etiquetas para representar y enlazar documentos: HyperText
Markup Language (HTML).
 WWW
 Hipertexto.
 Identificadores de Recursos.
 Modelo cliente servidor.
 Un lenguaje de marcado.

La WWW, es un servicio que está montado sobre Internet

WWW
 Servidores y Clientes
Servicio Servidor Cliente
• IIS • Internet Explorer
Web • Apache • Chrome
• Tomcat • Firefox
• Exchange • Outlook
Correo
• Sendmail • Eudora
Electrónico
• Lotus • Lotus
• IIS • Internet Explorer
FTP
• ftp • Chrome
 Páginas, Sitios y Portales
 Página Web
Documento HTM almacenado de forma estática o generado
de forma dinámica que muestra una información útil para el
usuario, o permite personalizarla.
 Sitio Web
Conjunto de páginas web que tratan sobre un tema
 Portal Web
Conjunto de sitios web, que
pueden pertenecer a una o
a varias organizaciones.
Páginas Estáticas vs Dinámicas
 Páginas Estáticas
Son aquellas almacenadas en el servidor en un fichero
.htm o html. No pueden ser personalizadas.

1. El cliente solicita una pagina

3. El servidor envia el fichero al cliente

4. El navegador recibe 2. El servidor Web

el fichero HTML y lo localiza el fichero
muestra HTML
 Páginas Estáticas vs Dinámicas
 Páginas Dinámicas
Son aquellas que permiten un cierto grado de interactividad. Esta
interactividad puede producirse en los siguientes niveles:
Paginas Dinámicas del Lado del Cliente
• Son aquellos en las que la propia pagina contiene código para
implementar dicha interactividad. Se dice que dicha interactividad
se realiza del lado del cliente.
• Se implementa con lenguajes de script.
Páginas Dinámicas del Lado del Servidor
• Son aquellas generadas por una aplicación web, tal que la
información contenida en ellas puede haber sido personalizada
por el usuario. La interactividad se realiza del lado del servidor.
• Se implementa con diversas tecnologías.
Páginas Estáticas vs Dinámicas
 Proceso de generación de página dinámica del
lado del cliente:
1. El cliente solicita una pagina

2. El servidor envia el fichero al cliente

4. El navegador recibe 3. El servidor Web

y ejecuta los scripts, localiza el fichero
renderizando el HTML HTML

5. El navegador recibe,
procesa y muestra el
HTML
Páginas Estáticas vs Dinámicas
 Proceso de generación de página dinámica del
lado del servidor:
1. El cliente solicita una pagina

4. El servidor envia el fichero al cliente

5. El navegador recibe, 2. El servidor Web

procesa y muestra el localiza el fichero
HTML
3. La aplicación Web ejecuta
los scripts según lo requerido
por el cliente y genera el
HTML correspondiente
 Tecnologías Web
Tecnologías para páginas Estáticas
 HTML
• Lenguaje de marcado basado en etiquetas que
representan ciertos elementos.
• Permiten mostrar el texto.

 CSS
• Cascading Style Sheet (Hojas de Estilo)
• Permiten maquetar las paginas HTML
 Tecnologías Web
Tecnologías para páginas Dinámicas del lado del
cliente
Lenguajes de scripts
 VBScript
• Versión de Visual Basic
• Competidor de Java Script
• Valido sólo para navegadores de Microsoft
 JavaScript
• Derivado de LiveScrip de Netscape
• Basado en la familia de los lenguajes C
• Tiene muchos elementos de Java, pero no es Java
 Tecnologías Web
Tecnologías para páginas Dinámicas del lado del
cliente
Aplicaciones para ejecución local
 Java Applets
• Aplicación gráfica Java que se queda embebida en una
página web
• Necesita uan Maquna Virtual Java
• Al ser Java es multiplataforma
 Active X Controls
• Aplicación realizada en VB o en C++ basada en tecnologías
Microsoft que se embebe en HTML
• Solo valido para Internet Explorer, po lo que está en desuso.
 Animaciones Flash
• Objetos realizados en Macromedia Flash y embebidos en la
página Web
 Ajax
 Tecnologías Web
Tecnologías para páginas Dinámicas del lado del
servidor
 Ejecutan programas o aplicaciones
en el servidor que se genera como
resultado del código HTML.
 Permite que el navegador sea un cliente neutro.
 Es posible la ejecución distribuida, accediendo a distintos
recursos distribuidos como bases de datos.
 Existen dos tecnologías:
• Independiente de la arquitectura de la página
• Dependiente de la arquitectura de la pagina
 Tecnologías Web
Tecnologías para páginas Dinámicas del lado del
servidor – Independiente de la Arquitectura
 Common Gateway Intefaces (CGI)
• Tecnología usada durante mucho tiempo en los servidores
que adolecía de problemas de rendimientos (lanzaba una
instancia de la aplicación por cada petición del cliente
independientemente del servidor web)
• Apliciones escritas en C, C++ o Perl para un tratamiento
adecuado de cadenas de caracteres.
• Tecnología muy dificil de aprender y de utilizar, aunque muy
difundida y utilizada.
 Tecnologías Web
Tecnologías para páginas Dinámicas del lado del
servidor – Dependiente de la Arquitectura
 Active Server Pages (ASP)
• Construida usando VBScript o JavaScript
• Acceden a los mismos servicios que una aplicación
Windows de escritorio, incluyendo ADO, SMTP y COM
• Eran Script interpretados cada vez que eran
solicitados, por lo que son lentas.
• Servidor Web : Internet Information Server
 Java Server Pages (JSP)
• Son como las páginas ASP pero implementadas en
Java
• Destaca el concepto de servlet
• Es la plataforma mas difundida y actualizada, aunque
adolece una serie de problemas
• Servidor Web: Tomcat, Apache, otros
 Tecnologías Web
Tecnologías para páginas Dinámicas del lado del
servidor – Dependiente de la Arquitectura
 PHP Hypertext Preprocessor
• Similar a ASP, pero usando C y Perl
• Es código libre
• Servidor Web : Apache
 ASP.Net
• Evolución de ASP que permite usar
lenguajes .Net
• Resuelve muchos de los problemas de
rendimiento de ASP al ser compilado
• Puede utilizar servicios Web XML
• Servidor Web: IIS
 Tecnologías Web
Tecnologías Necesarias:
 Servidores Web

 Servidor de Aplicaciones Web

 Bases de Datos
 Tecnologías Web
Tecnologías de desarrollo:
 Entornos de Desarrollo (SDK)
• Microsoft .NET
• Php para PHP
• J2EE para JSP

 A veces se combinan tecnologías como:

 Tecnologías Web
Gestores de Contenidos.
 Aplicaciones Web preconfiguradas y personalizables
para diferentes entornos, que permiten realizar una
gestión de contenidos de una empresa.