Nombre de la materia

Desarrollo de páginas web

Nombre de la Licenciatura
Ingeniería en sistemas Computacionales

Nombre del alumno

Mariavictoria Romero Roman
Matrícula
390001578

Nombre de la Tarea
Arquitectura y estructura de una página web

Unidad #
Unidad 1

Nombre del Profesor

Heriberto Hernandez Gonzalez .
Fecha
06/03/2023

Tarea 1
 Unidad 1: Diseño de páginas web.
Desarrollo de páginas web

"Programar sin una arquitectura o diseño en mente es como explorar una gruta sólo con una
linterna: no sabes dónde estás, dónde has estado ni hacia dónde vas” – Danny Thorpe

Objetivos:
● Conocer las características de la capa lógica.
● Conocer las características de la capa de presentación.
● Conocer las características de la capa de datos.
● Conocer los lenguajes de programación y protocolos de comunicación utilizados en cada una de las capas.

Instrucciones:

● Lerma, R.V. (2013). Aplicaciones web. España: McGraw-Hill

● Zofío, J. (2013). Aplicaciones web. España: Macmillan Iberia, S.A.

Forma de evaluación:

Criterio Ponderación Calificación obtenida

Presentación 10%

P
 Unidad 1: Diseño de páginas web.
Desarrollo de páginas web

Desarrollo de Actividad 90%

Actividad II
Ejercicio I 25%
Ejercicio II 25%
Ejercicio III 40%

Desarrollo de la actividad:

I. Identifica cada uno de los elementos que integran la arquitectura web .

Contesta las siguientes 5 cuestiones por medio de la lectura de los recursos en plataforma.
(Valor 25%)

● ¿Dentro de la arquitectura web como se define el cliente?

En la arquitectura web, el cliente se refiere al software o aplicación que se ejecuta en el

dispositivo del usuario final (por ejemplo, un navegador web en una computadora, tableta o
teléfono móvil) y que se comunica con el servidor web para solicitar recursos y servicios. El
cliente envía solicitudes al servidor y recibe respuestas en forma de contenido web, como
páginas HTML, hojas de estilo CSS, scripts JavaScript, imágenes y otros recursos multimedia.

El cliente en la arquitectura web también se refiere a la capa de presentación del sistema, que
se encarga de la interacción con el usuario final y la representación visual de la información.
Esta capa de presentación puede incluir la interfaz de usuario, el diseño gráfico, la navegación
y la experiencia del usuario.

En resumen, el cliente en la arquitectura web es la parte del sistema que permite que los
usuarios interactúen con el contenido y los servicios proporcionados por el servidor web.

● ¿Es el entorno donde se comparten los archivos de hipertexto y los recursos multimedia?

No, el término que se refiere al entorno donde se comparten archivos de hipertexto y recursos
multimedia es la World Wide Web (WWW), también conocida como web. La web es un sistema de
información basado en hipertexto que se ejecuta en internet y permite el acceso y la interacción con

P
 Unidad 1: Diseño de páginas web.
Desarrollo de páginas web

diversos recursos como páginas web, imágenes, videos, archivos de audio y otros contenidos
multimedia.

La web es un conjunto de protocolos y tecnologías que permiten la publicación y el acceso a la

información de forma global e interconectada, utilizando enlaces entre documentos para navegar por
el contenido. Los usuarios pueden acceder a la web mediante navegadores web, que son
aplicaciones que se ejecutan en el cliente y que permiten solicitar y mostrar los recursos web.

● ¿Dentro de la arquitectura web como se define el servidor web?

Dentro de la arquitectura web, un servidor web es un programa que corre en un servidor y es

responsable de recibir solicitudes de clientes web y responder con recursos web.

Un servidor web funciona a través del protocolo HTTP (Protocolo de Transferencia de Hipertexto),
que permite la comunicación entre el servidor y los clientes web. Cuando un cliente web envía una
solicitud a través de un navegador, el servidor web procesa la solicitud, busca el recurso solicitado
(por ejemplo, una página web o un archivo) y lo envía de vuelta al cliente web en forma de respuesta
HTTP.

Además de manejar solicitudes y respuestas HTTP, los servidores web también pueden realizar
otras tareas, como el procesamiento de lenguajes de programación del lado del servidor (como PHP
o Python), la autenticación de usuarios, la gestión de sesiones, la compresión de archivos, y la
seguridad del sitio web, entre otras cosas.

Algunos ejemplos populares de servidores web incluyen Apache, Nginx, IIS y Node.js.

● ¿Es el protocolo por el cual se lleva a cabo la comunicación?

Sí, en la arquitectura web, el protocolo es el conjunto de reglas y estándares que se utilizan para la
comunicación entre los diferentes componentes del sistema web.

El protocolo más utilizado en la arquitectura web es el Protocolo de Transferencia de Hipertexto

(HTTP), que define la forma en que los clientes web (por ejemplo, navegadores web) y los servidores

P
 Unidad 1: Diseño de páginas web.
Desarrollo de páginas web

web se comunican entre sí para transferir recursos web (como páginas web, imágenes, archivos,
etc.).

Además de HTTP, hay otros protocolos que también son importantes en la arquitectura web, como
HTTPS (HTTP seguro), FTP (Protocolo de Transferencia de Archivos), SMTP (Protocolo Simple de
Transferencia de Correo), y WebSocket (un protocolo de comunicación bidireccional entre un
navegador web y un servidor web).

En resumen, el protocolo es fundamental en la arquitectura web ya que define cómo se lleva a cabo
la comunicación entre los diferentes componentes del sistema web y garantiza que la información se
transmita de manera segura y eficiente.

● ¿Se trata de la puerta de acceso a los servicios que ofrece la Web?

En cierto sentido, se puede decir que la arquitectura web es la puerta de acceso a los servicios que
ofrece la web.

La arquitectura web se refiere a la estructura subyacente que permite que los servicios web estén
disponibles en Internet. Esta estructura incluye componentes como servidores web, navegadores
web, protocolos de comunicación y lenguajes de programación del lado del servidor.

Gracias a la arquitectura web, los usuarios pueden acceder a una amplia variedad de servicios web,
como sitios web, aplicaciones web, tiendas en línea, redes sociales y muchos otros tipos de
aplicaciones. Estos servicios se pueden acceder desde cualquier lugar del mundo, en cualquier
momento, siempre que se tenga una conexión a Internet.

Por lo tanto, la arquitectura web es fundamental para la disponibilidad y accesibilidad de los servicios
web. Sin una arquitectura web sólida y bien diseñada, los servicios web no podrían estar disponibles
en línea, y los usuarios no podrían acceder a ellos de manera confiable y eficiente.

P
 Unidad 1: Diseño de páginas web.
Desarrollo de páginas web

II. Conocer la arquitectura web nos permite reconocer cada uno de los elementos que intervienen
en la creación de páginas web.

Describe la siguiente imagen de acuerdo con los elementos de la arquitectura web.

Imagen

Esquema básico del servicio web.

Anote su descripción

Esto es un esquema de funcionamiento básico de un sitio web:

1. El navegador va al servidor DNS y encuentra la direcció n real del servidor donde el sitio web vive.
2. El navegador envía un mensaje de petició n HTTP al servidor, pidiéndole que envíe una copia de la
pá gina web para el cliente. Este mensaje y todos los datos enviados entre el cliente y el servidor, se
envían a través de tu conexió n a Internet usando IP.
3. Siempre que el servidor apruebe la solicitud del cliente, el servidor enviará al cliente un mensaje «200
OK», que significa, «¡por supuesto que puedes ver ese sitio web! Aquí está .», y comenzará a enviar los
archivos de la pá gina web al navegador como una serie de pequeñ os trozos llamados paquetes de datos.
4. El navegador reú ne los pequeñ os trozos, forma un sitio web completo y te lo muestra

P
 Unidad 1: Diseño de páginas web.
Desarrollo de páginas web

III. Conocer las tecnologías que conforman e intervienen en la arquitectura web nos permite crear
páginas webs profecionales y eficientes.

Relaciona los conceptos con la descripción de la siguiente tabla ingresando el número

correspondiente a la respuesta correcta en los paréntesis. (Valor 40%)

Respuestas Definiciónes/Descripción
1.- Navegador web
(5 ) Es el principal protocolo utilizado en la Web.

2.- HTML ( 8 ) Se trata de un conjunto de recomendaciones

sobre la creación e interpretación de
documentos web.

3.- PHP ( 2 ) Lenguaje de marcas para la creación de

páginas web

4.- Servicios web ( 9 ) Debe interpretar el código HTML en que estan

escritas las páginas web y presentarlo al usuario
para que este pueda interactuar con el
contenido.

5.- HTTP ( 10 ) Cadena de caracteres utilizada para identificar

un recurso en Internet.

6.- Internet ( 3 ) Lenguaje de programación orientado a la

creación de páginas web dinámicas.

7.- Web 1.0 ( 4 ) Es todo lo que nos rodea que no es humano y

puede conectarse entre sí y nos hace la vida
más fácil.

8.- Estándares web (1 ) Se trata de la puerta de acceso a los servicios

que ofrece la Web.

9.- Navegador web ( 7 ) Se concibió como una colección de documentos

estáticos enlazados para su consulta o descarga.

10.- URL (6 ) Surgió en 1989, cuando Tim Berners-Lee y

Robert Cailiau desarrollaron un sistema basado
en hipertextos para facilitar el acceso a la

P
 Unidad 1: Diseño de páginas web.
Desarrollo de páginas web

información.

Escriba las referencias bibliográficas (formato APA).

 Aplicaciones web (Lerma-Blasco, 2013).

  Aplicaciones web (Zofío, 2013.
 Luján-Mora, S. (2002). Programación de aplicaciones web: historia, principios básicos y clientes web.
Editorial Club Universitario.
 Camazón, J. N. (2010). Aplicaciones web. Editex.
 Gottschalk, K., Graham, S., Kreger, H., & Snell, J. (2002). Introduction to Web services
architecture. IBM systems Journal, 41(2), 170-177.