Universidad

Tecnológica de
Coahuila

Aplicaciones Web
MAYL. David Belmares
Alumno:

Alvarez Huerta Jonathan Alexis

Grupo:

3 TIDSMB Cuatrimestre

Mayo-Agosto ‘23
Unidad:
Venus has a beautiful
1. Ambiente de desarrollo Web
name

Fecha:

Viernes 12 de mayo del 2023

Ingeniería en Entornos Virtuales y Negocios Digitales

 SABER
Unidad 1
Ambiente de Desarrollo Web

Introducción
En este documento se muestra la evidencia sobre la actividad SABER
correspondiente a la unidad # 1 que tiene por nombre “Ambiente de Desarrollo
Web”
A continuación, se mencionan los puntos que deberá de consultar

Temas de la Unidad:

1. Identificar los conceptos de aplicaciones web

2. Identificar las ventajas y desventajas de las herramientas del lado del cliente
3. Identificar las ventajas y desventajas de las herramientas del lado del
servidor
4. Describir el proceso de instalación y configuración del ambiente de desarrollo
Web

Valor: 3 Puntos
Indicaciones del SABER:
Realizar una consulta de cada uno de los siguientes puntos:

1. Identificar los conceptos de aplicaciones web.

▪ Página estática
▪ Página dinámica
▪ Wireframe.
▪ Aplicación Web.
▪ Front end.
▪ Back end.
▪ Hosting.
▪ Dominio
▪ Protocolos (http, https).
▪ Modelo Cliente - Servidor
2. Identificar las ventajas y desventajas de las herramientas del lado del cliente
en el desarrollo Web.
3. Identificar las ventajas y desventajas de las herramientas del lado del
servidor en el desarrollo Web.
4. Describir el proceso de instalación y configuración del ambiente de desarrollo
Web.
 NOTA:

o Diseñar un documento que contenga información de cada uno de los puntos

antes mencionados, esto lo deberá elaborar en el documento que se
encuentra en el aula (Formato para tareas o practicas) y se evaluaran los
siguientes rubros
▪ Llenado correcto de la portada
▪ Los títulos de cada punto deberán de tener tamaño y tipo de fuente
diferente a la de los párrafos
▪ Todos los párrafos deberán de estar justificados con tamaño y tipo de
fuente diferente al de los títulos
▪ Agregar al final cualquier referencia bibliográfica, sobre la cual hizo la
consulta, esta podrá ser de un libro (título del libro, autor y año de
publicación) o la URL de Internet
o Deberá de elaborar en su LIBRETA un MAPA CONCEPTUAL, para cada uno
de los puntos antes mencionados, en el que describirá los conceptos,
principales características, descripción etc.
o Tomar fotografías de sus mapas conceptuales y anexarlos al final de su
documento
o Jóvenes se tomará en cuenta que cumpla en tiempo y forma, para que su
calificación no se vea afectada

Contenido o Desarrollo
En esta parte se describirán cada concepto correspondiente a la unidad

NOTA: El documento debe de enviarse en formato PDF

Valor: 3 Puntos
Indicaciones del SABER:
Realizar una consulta de cada uno de los siguientes puntos :

1. Identificar los conceptos de aplicaciones web.

• Página estática

Una página estática es aquella la que está hecha de una manera simple, ya que estas páginas
web están diseñadas para presentar información al visitante sin que les permita el agregado
o la modificación del contenido, es decir, el visitante solo puede leer la información que
venga en dicha página.

• Página dinámica

Una página web dinámica es aquella que a diferencia de las páginas web estáticas, estas
pueden ofrecer una interacción con el usuario para la creación de experiencias
personalizadas y únicas. Las páginas web dinámicas tambien ofrecen a los visitantes la
posibilidad de interactuar con los contenidos del sitio. Esto es posible gracias a formularios,
herramientas interactivas o recursos multimedia disponibles para la navegación.

• Wireframe

Es la representación visual en escalas de grises de la estructura y funcionalidad de una sola

pagina web o pantalla de aplicación web, es decir, es una forma que ayuda a visualizar como
se van a distribuir los contenidos dentro de una página web.

• Aplicaciones Web

Una aplicación web es un tipo de software que se codifica en un lenguaje que puede ser
soportado y ejecutado por los navegadores de internet o por una intranet o red local , estos
sirven principalmente en el mundo empresarial, ya que estos ayudan a intercambiar
información y proporciona servicios de forma remota.

• Front end

El front end sirve para realizar la interfaz de un sitio web, desde su estructura hasta los
estilos, como pueden ser la definición de los colores, texturas, tipografías, secciones, entre
otros, es decir es la parte del atractivo visual.
 • Back end

El back end se podría decir que es la parte trasera de una página web, es decir, es el código
y los procesos que los visitantes no pueden ver. Solo el creador de dicha pagina web o el
propietario puede ver.

• Hosting

Un hosting es un servicio de alojamiento web que te permite publicar un sitio web o

aplicaciones en internet que tambien lo hace accesible para diferentes dispositivos como el
escritorio, el móvil, tabletas, etc. Estos se almacenan en físico en un servidor.

• Dominio

Un dominio en internet es el nombre exclusivo y único que se le da a un sitio web para que
cualquier internauta pueda visitarlo e identificarlo.

• Protocolos (http, https)

o http

El Protocolo de transferencia de hipertexto (HTTP) es la base de la World Wide

Web y se utiliza para cargar páginas web mediante enlaces de hipertexto. HTTP es
un protocolo de capa de aplicación diseñado para transferir información entre
dispositivos en red y se ejecuta sobre otras capas de la pila de protocolos de red .

o https

El protocolo de transferencia de hipertexto seguro (HTTPS) es la versión segura de

HTTP, que es el principal protocolo utilizado para enviar datos entre un navegador
web y un sitio web. El HTTPS está encriptado para aumentar la seguridad de las
transferencias de datos.

• Modelo Cliente – Servidor

El modelo cliente-servidor, también conocido como “principio cliente-servidor”, es un

modelo de comunicación que permite la distribución de tareas dentro de una red de
ordenadores. La principal importancia de este modelo es que permite conectar a varios
clientes a los servicios que provee un servidor y como sabemos hoy en día, la mayoría de
las aplicaciones y servicios tienen como gran necesidad que puedan ser consumidos por
varios usuarios de forma simultánea.
2. Identificar las ventajas y desventajas de las herramientas del
lado del cliente en el desarrollo Web.

Ventajas:
El CSR es de gran utilidad para proyectos web que cuentan con una gran interacción con
los usuarios. Aunque, en un principio, el proceso de carga es largo (en comparación con
yotros enfoques), el renderizado del resto de páginas es más rápido. La experiencia de
usuario es significativamente mejor que con el renderizado del lado del servidor, pues no es
necesario que los scripts y contenidos estén cargados completamente cuando el usuario
accede a una nueva página.

Desventajas:
Este enfoque lleva ligado dos problemas importantes: en primer lugar, a los motores de
búsqueda les resulta más difícil encontrar e indexar las páginas. Aunque los crawlers de
Google son capaces de hacerlo, el SEO del sitio no se beneficia en este caso (sobre todo
porque muchos otros motores de búsqueda a menudo son incapaces de indexar las páginas
renderizadas del lado del cliente). Por otro lado, el client-side scripting requiere que el
navegador soporte JavaScript. Aunque suele ser así, los scripts del lado del cliente pueden
ser bloqueados por extensiones del navegador. Estas extensiones se usan para evitar que
las ventanas emergentes y las herramientas de seguimiento, que también se basan en CSR,
ralenticen el tiempo de carga

3. Identificar las ventajas y desventajas de las herramientas del

lado del servidor en el desarrollo Web.

Ventajas:
El servidor carga previamente las páginas web. La petición del usuario se procesa casi de
forma inmediata, lo que le permite acceder con gran rapidez a la página. Este enfoque es
muy útil para las webs estáticas. Además, la rapidez de carga de la página t iene una
influencia positiva en el posicionamiento en buscadores, pues gracias al SSR los crawlers
pueden rastrear las páginas con mayor facilidad.

Desventajas:
El lado del servidor scripting requiere que el servidor entregue páginas HTML precargadas
con cada solicitud. Si un cliente sigue enviando peticiones al servidor web para mostrar al
usuario información nueva y modificada, se produce una sobrecarga de las capacidades del
servidor. Por ello, el SSR no se recomienda en páginas web con un gran número de
peticiones o que requieren un gran número de interacciones de los usuarios.
4. Describir el proceso de instalación y configuración del
ambiente de desarrollo Web.

Al instalar los adaptadores de servidor, el entorno de trabajo busca el software que los
adaptadores necesitan. Configure el entorno de trabajo con las ubicaciones remotas que
alojan el software del adaptador y el software que los adaptadores necesitan.

Procedimiento

Para configurar el entorno de trabajo para instalar el software que los adaptadores del
servidor necesitan:

En el menú Ventana, pulse Preferencias. Se abre el diálogo Preferencias.

En Preferencias, vaya a Instalar/Actualizar > Sitios de software disponibles para mostrar

los sitios de software disponibles.

Pulse Agregar. Se abrirá Añadir sitios.

Escriba el nombre para el sitio de actualizaciones WAS CE 2.1.x y el URL del sitio y pulse

Aceptar.

Nombre: WAS CE 2.1.x

URL: http://public.dhe.ibm.com/software/websphere/wasce/updates/

Para que la instalación sea más rápida, limite los sitios que el entorno de trabajo busca a
solo los sitios necesarios para instalar el software del adaptador de servidor. o En la lista de
sitios de software disponibles, seleccione todos los sitios de actualización de software y
pulse Inhabilitar.
Mapa conceptual 1
Mapa conceptual 2
Mapa conceptual 3
Mapa conceptual 4
Referencias bibliografía
https://www.ibm.com/docs/es/datastudio/4.1.1?topic=workbench-
configuringdevelopingdeploying-web-services
https://techlandia.com/diferencialadodelclienteprogramacion-del-lado-
delservidorsobre_151711/ https://www.cloudflare.com/es-es/learning/ssl/what-is-https/
https://aws.amazon.com/es/what-
is/webapplication/#:~:text=Una%20aplicaci%C3%B3n%20web%20es%20un,y%20de%20un
a%20forma

%20segura.
https://www.servnet.mx/blog/backend-y-frontend-partes-fundamentales-de-
laprogramacionde-una-aplicacion-web https://blog.hubspot.es/website/paginas-web-
dinamicasy-estaticas