La Web como

plataforma de
desarrollo de
software

Universidad Mariano Gálvez

 Conceptos Básicos

• Arpanet • Java, JavaScript, JSP

• Inteligencia Ambiental Aml • PHP
• Prosumidores • Servlets
• Servicios en la nube • URL
• ASP.net • Usabilidad
• CSS • HTML, XHTML, XML
• ECMAScript
• CGI
• HTTP
 Intercambio de Información

• Formas primitivas
– Usenet
– IRC

• Word Wide Web Consortium

Evolución de la web
Protocolo
HTTP
 Protocolos web

• HTTP (protocolo de transferencia de HiperTexto), el hipertexto

es el contenido de las páginas web, y el protocolo de
transferencia es el conjunto de normas mediante las cuales se
envían las peticiones de acceso a una web y la respuesta de esa
web.
 HTTP

• GET: es un método que solicita una representación del recurso especificado.

Las solicitudes que usan GET solo deben recuperar datos y no deben tener
ningún otro efecto.

• HEAD (RFC 2616): Pide una respuesta idéntica a la que correspondería a una
petición GET, pero en la respuesta no se devuelve el cuerpo. Se utiliza para
recuperar los metadatos de los encabezados de respuesta, sin tener que
transportar todo el contenido.
 HTTP

• POST (RFC 2616): envía los datos para que sean procesados por el recurso
identificado. Los datos se incluirán en el cuerpo de la petición. Esto puede
resultar en la creación de un nuevo recurso o de las actualizaciones de los
recursos existentes o ambas cosas.

• PUT (RFC 2616): sube, carga o realiza un upload de un recurso especifico

(archivo o fichero) y es un camino más eficiente, ya que POST utiliza un
mensaje multiparte y el mensaje es decodificado por el servidor. En
contraste, el método PUT permite escribir un archivo en una conexión
socket establecida con el servidor. La desventaja del método PUT es que
los servidores de alojamiento compartido no lo tienen habilitado.
 Estándares web

Conjunto de recomendaciones para:

• creación e interpretación de documentos web
• accesibilidad, interoperabilidad y usabilidad sobre desarrollo y
administración de sitios web

* No aplicación de estándares => optimizar páginas

Aplicaciones web Esquema básico de
servicio web
 Esquema básico de
Aplicaciones web funcionamiento del servicio
web con páginas estáticas
 Esquema básico de
Aplicaciones web funcionamiento del servicio
web con páginas dinámicas
 Aplicaciones web interactivas (RIA)

• Tecnologías de acceso dedicado fijo o móvil

• Nuevas especificaciones, estándares W3C (XML,
JSON, SOAP, UDDI, WSDL, RSS, ATOM o AMF)
• Nuevas funciones multimedia
Servicios web Esquema de un servicio
web
Navegadores
 DOM en Navegadores

• Document Object Model o DOM:

conjunto de estándares para representar
documentos HTML, XHTML y XML.
• Estándar de W3C
 Navegador / Web Browser

• Es un software que permite el acceso a la Web, interpretando

la información de distintos tipos de archivos y sitios web para
que estos puedan ser visualizados.
• Arquitectura cliente-servidor.
• Permite visualizar documentos de texto, posiblemente con
recursos multimedia incrustados. Además, permite visitar
páginas web y hacer actividades en ella, es decir, enlazar un
sitio con otro, imprimir, enviar y recibir correo, entre otras
funcionalidades más.
 Navegadores

• Google Chrome
• Mozilla Firefox
• Internet Explorer
• Safari
• Opera
Servidores
Web
 Servidores Web

Es un programa informático que procesa una

aplicación del lado del servidor, realizando conexiones
bidireccionales o unidireccionales y síncronas o
asíncronas con el cliente y generando o cediendo una
respuesta en cualquier lenguaje o aplicación del lado
del cliente. El código recibido por el cliente es
devuelto por un navegador web.
 Servidores Web

• Apache
• IIS
• Nginx
• Tomcat
Herramientas
de desarrollo
 Diseño Web

• HTML
• CSS
 HTML

• Surge de la necesidad de representar y

relacionar documentos de hipertexto.
• HTML5 es la última versión
• Contiene una extensión .html
 Entornos

• Editores de texto plano: bloc de notas, gedit,

Dreamweaver, Komodo edit, Aptana.
• Editor de texto con ventanas desdobladas: Bluefish,
BlueGriffon, Coda.
• Editores WYSIWYG: Amaya, KompoZer, Dreamweaver.
• Editores on-line: Tinkerbin, CSSDesk.
Estructura
global
HTML
 • Las hojas de estilo en cascada, son una serie de
CSS (Cascading Style documentos que definen estilos en una pagina web.
Sheets) • Tiene un conjunto de reglas, formadas por
selectores y un bloque de estilos.