UNIVERSIDAD DE GUAYAQUIL

FACULTAD DE CIENCIAS MATEMÁTICAS Y FÍSICAS

CARRERA DE INGENIERÍA EN TECNOLOGÍA DE LA
INFORMACIÓN Y COMUNICACIÓN

Ingeniería de Software

DOCENTE:

Ing. Ángel William Ochoa Flores

TAREA:
Trabajo de Tutorizacion #1:
Aplicaciones Web

Jorge Andrés Moreira Mora

TIN-S-NO-7-1

2022 – 2023
 Naturaleza de las aplicaciones web
Una aplicación Web es un sitio Web que contiene páginas con contenido sin
determinar, parcialmente o en su totalidad. El contenido final de una página se
determina sólo cuando el usuario solicita una página del servidor Web.

Dado que el contenido final de la página varía de una petición a otra en función de
las acciones del visitante, este tipo de página se denomina página dinámica. Las
aplicaciones Web se crean en respuesta a diversas necesidades o problemas.

Definición
Son programas que funcionan en internet. Es decir, que los datos o los archivos en
los que trabajas son procesados y almacenados dentro de la web. Estas aplicaciones,
por lo general, no necesitan ser instaladas en tu computador.

El concepto de aplicaciones web está relacionado con el almacenamiento en la

nube. Toda la información se guarda de forma permanente en grandes servidores de
internet y te envían, a tu dispositivo o equipo, los datos que requieres en ese momento,
dejando una copia temporal dentro de tu equipo.

En cualquier momento, lugar y desde cualquier dispositivo puedes acceder a este

servicio, solo necesitas una conexión a internet y tus datos de acceso, que, por lo
general, son el nombre de usuario y contraseña. Estos grandes servidores de internet
que prestan el servicio de alojamiento están ubicados alrededor de todo el mundo, así
hacen que el servicio prestado no sea tan costoso, o que sea gratuito, en la mayoría de
los casos, y extremadamente seguro.

Características
1. Compatibilidad multiplataforma: una misma versión de la aplicación puede
correr sin problemas en múltiples plataformas como Windows, Linux, Mac,
etc.
2. Actualización las aplicaciones web siempre se mantienen actualizadas y no
requieren que el usuario deba descargar actualizaciones y realizar tareas de
instalación.
3. Acceso inmediato y desde cualquier lugar:
 4. Las aplicaciones basadas en tecnologías web no necesitan ser descargadas,
instaladas y configuradas. Además, pueden ser accedidas desde cualquier
computadora conectada a la red desde donde se accede a la aplicación.
5. Menos requerimientos de hardware
6. Este tipo de aplicación no consume (o consume muy poco) espacio en disco
y también es mínimo el consumo de memoria RAM en comparación con los
programas instalados localmente. Tampoco es necesario disponer de
computadoras con poderosos procesadores ya que la mayor parte del trabajo
se realiza en el servidor en donde reside la aplicación.
7. Menos Bugs (errores)
8. Son menos propensas a crear problemas técnicos debido a problemas de
software y conflictos de hardware. Otra razón es que con aplicaciones
basadas en web todos utilizan la misma versión, y los bugs (errores) pueden
ser corregidos tan pronto como son descubiertos beneficiando
inmediatamente a todos los usuarios de la aplicación.
9. Seguridad en los datos
10. Los datos se alojan en servidores con sistemas de almacenamiento
altamente fiables y se ven libres de problemas que comúnmente sufren los
ordenadores de usuarios comunes como virus y/o fallas de disco duro.

Arquitectura
Arquitectura de aplicaciones web es un marco que se compone de las interacciones
y relaciones entre los elementos de la aplicación, como las interfaces de usuario, los
sistemas de middleware y las bases de datos.
Comprende un conjunto de componentes y una descripción de su interacción lógica.
La arquitectura de aplicaciones web se clasifica ampliamente en cuatro tipos:

1. Arquitectura de aplicaciones de una sola página

Se han introducido aplicaciones de una sola página para superar las limitaciones
convencionales y lograr un rendimiento fluido y una experiencia de usuario interactiva.
Los SPA cargan una sola página web en lugar de cargar una nueva página y recargan
los datos solicitados en la misma página con contenido actualizado dinámicamente. Sin
embargo, el resto de la página web permanece intacta y sin cambios.
 2. Arquitectura de microservicio
La arquitectura de microservicio se ha convertido en la alternativa más adecuada a
la arquitectura monolítica y la Arquitectura Orientada a Servicios (SOA). Los
componentes estrechamente acoplados de la arquitectura monolítica hacen que su
implementación sea una tarea engorrosa. Los microservicios ahora han resuelto este
problema al dividir la aplicación en muchos componentes de servicio individuales.
Además, aclara la conectividad entre los componentes del servicio.

3. Arquitectura sin servidor

La arquitectura sin servidor es una arquitectura en la que toda la ejecución del
código es administrada por proveedores de servicios en la nube, no es necesario
implementarlos manualmente en su servidor. Es una especie de patrón de diseño en el
que las aplicaciones se desarrollan y funcionan sin ninguna interferencia manual en los
servidores que son operados por proveedores de servicios en la nube de terceros como
Microsoft y Amazon.  

4. Aplicaciones web progresivas

Las PWA son aplicaciones compatibles con cualquier navegador y pueden
funcionar en cualquier dispositivo. Google inició Progressive Web Apps (PWA) para
crear aplicaciones que brinden una funcionalidad rica y nativa con capacidades
mejoradas, confiabilidad e instalación simple. También puede transformar fácilmente
la función de una aplicación en una computadora de escritorio y una tableta. 

Tipos de aplicaciones Web

Distinguimos 5 tipos de aplicaciones web Esta clasificación se hará dependiendo
de la función de cómo se presentan las web apps con el contenido que deben mostrar y
son las siguientes:

1. Aplicación web estática

Si optamos por crear una app web estática, lo primero que debemos saber es que
este tipo de web app muestran poca información y no suele cambiar mucho. Por regla
general suelen estar desarrolladas en HTML y CSS, aunque también se pueden mostrar
en alguna parte de la aplicación web objetos en movimiento como por ejemplo banners,
GIF animados o vídeos. También se puede hablar de desarrollo de aplicaciones web
con jQuery y Ajax.
 Un portfolio, un curriculum digital o una página de presentación de empresa serían
ejemplos de aplicaciones web estáticas. Modificar los contenidos de las apps estáticas
no es sencillo. Para hacerlo es necesario editar el HTML y actualizarlo en el servidor.
Estos cambios serán, normalmente, responsabilidad del webmaster o de la empresa de
desarrollo que programó el diseño de la web app.

2. Aplicación web dinámica

Las aplicaciones web dinámicas son mucho más complejas a nivel técnico. Utilizan
bases de datos para cargar a información y estos contenidos se actualizan cada vez que
el usuario accede a la web app. Existen muchos lenguajes de programación para el
desarrollo de aplicaciones web dinámicas. Los lenguajes PHP y ASP son los más
comunes porque permiten una buena estructuración del contenido.

Las aplicaciones web dinámicas suelen contar con un panel de administrador

(CMS) para realizar cambios. El proceso de actualización es muy sencillo y ni siquiera
necesita entrar en el servidor para modificarlo. Además, permite implementar muchas
funcionalidades, como foros o bases de datos. El diseño de las aplicaciones web
dinámicas también puede modificarse al gusto del administrador.

3. Tienda virtual o comercio electrónico

Si, por el contrario, la aplicación web es una tienda o comercio digital, podemos
decir que el desarrollo tenderá a parecerse al de un m-commerce o un e-commerce. El
desarrollo es más complicado porque debe permitir pagos electrónicos a través de
tarjeta de crédito, PayPal u otro método de pago. El desarrollador también deberá crear
un panel de gestión para el administrador. A partir de él se subirán, actualizarán o
eliminarán los productos y se podrán gestionar pedidos y los pagos.
 Algunos ejemplos de proyectos de aplicaciones web de venta online los
protagonizan grandes empresas como El Corte Inglés. En este caso la web app se ajusta
al dispositivo móvil como una aplicación móvil, permitiendo interactuar con ella como
si fuera una app nativa.

4. Portal web app

Con portal nos referimos a un tipo de aplicación en el que la página principal
permite el acceso a diversos apartados, categorías o secciones. Estos son algunos
ejemplos:
• Foros
• Chats
• Correo electrónico
• Buscadores
• Zona de acceso con registro

5. Aplicación web con gestor de contenidos

En el caso de aplicaciones web en las que el contenido se debe ir actualizando
continuamente lo mejor es recurrir a un gestor de contenidos (CMS) a través del cual
el administrador pude ir realizando los cambios y actualizaciones él mismo. Estos
gestores son intuitivos y muy sencillos de gestionar. Algunos ejemplos de gestores de
contenidos son:
 • WordPress: Sin duda es el más extendido de los gestores de contenidos.
Existe mucha información en la red, tutoriales y guías para personalizarlo,
entenderlo y además es gratuito.
• Joomla: Es el segundo en el top CMS, tras WordPress. Aunque no goza de
tantos usuarios, sí que tiene una comunidad potente.
• Drupal: Es un CSM de software libre. Es muy adaptable, y recomendado
especialmente para generar comunidades.
• Este tipo de aplicación web es muy común para páginas de contenidos,
como blogs, páginas de noticias o medios de comunicación.

Categorías de las aplicaciones Web

Las categorías de aplicaciones que se enumeran a continuación son las más
frecuentes en el trabajo de la Web:

• Informativa: se proporciona un contenido solo de lectura con navegación y

enlaces simples.
• Descarga: un usuario descarga la información desde el servidor apropiado.
• Personalizable: el usuario personaliza el contenido a sus necesidades
específicas.
• Interacción: la comunicación entre una comunidad de usuarios ocurre
mediante un espacio chat (charla), tablones de anuncios o mensajería
instantánea; entrada del usuario: la entrada basada en formularios es el
mecanismo primario de la necesidad de comunicación.
• Orientada a transacciones: el usuario hace una solicitud (por ejemplo, la
realización un pedido) que es cumplimentado por la WebApp;
 • Orientado a servicios: la aplicación proporciona un servicio al usuario, por
ejemplo, ayuda al usuario a determinar un pago de hipoteca.
• Portal: la aplicación canaliza al usuario llevándolo a otros contenidos o
servicios Web fuera del dominio de la aplicación del portal.
• Acceso a bases de datos: el usuario consulta en una base de datos grande y
extrae información.
• Almacenes de datos: el usuario hace una consulta en una colección de bases
de datos grande y extrae información.

Atributos de las aplicaciones web

1. Controlada por el contenido. En muchos casos, la función primaria de una
WebApp es utilizar hipermedia para presentar al usuario el contenido de textos,
gráficos, sonido y vídeo.
2. Evolución continúa. A diferencia del software de aplicaciones convencional,
que evoluciona con una serie de versiones planificadas y cronológicamente
espaciadas, las aplicaciones Web están en constante evolución. No es inusual
que algunas WebApps (específicamente, su contenido) se actualicen cada hora.
3. Inmediatez. Las aplicaciones basadas en Web tienen una inmediatez [NOR99]
que no se encuentra en otros tipos de software. Es decir, el tiempo que se tarda
en comercializar un sitio Web completo puede ser cuestión de días o semanas3.
Los desarrolladores deberán utilizar los métodos de planificación, análisis,
diseño, implementación y comprobación que se hayan adaptado a
planificaciones apretadas en tiempo para el desarrollo de WebApps.
4. Seguridad. Dado que las WebApps están disponibles a través de1 acceso por
red, es difícil, si no imposible, limitar la población de usuarios finales que
pueden acceder a la aplicación. Con objeto de proteger el contenido
confidencial y de proporcionar formas seguras de transmisión de datos, deberán
implementarse fuertes medidas de seguridad en toda la infraestructura que
apoya una WebApp y dentro de la misma aplicación.
5. Estética. Una parte innegable del atractivo de una WebApp es su apariencia e
interacción. Cuando se ha diseñado una aplicación con el fin de comercializarse
o vender productos o ideas, la estética puede tener mucho que ver con el éxito
del diseño técnico.
Bibliografía
Atributos de aplicaciones web. (s. f.). © Copyright IBM Corp. 2014.

https://www.ibm.com/docs/es/iad/7.2.x?topic=applications-web-attributes

3.1 ATRIBUTOS DE LOS SISTEMAS Y APLICACIONES BASADOS EN WEB - talleringenieriasoftware.

(s. f.). https://sites.google.com/site/talleringenieriasoftwareivan/unidad---uno/3-1-atributos-de-los-

sistemas-y-aplicaciones-basados-en-web

3.1 Atributos de los sistemas y aplicaciones basados en web - Taller-ingenieria-software-Gaby. (s. f.).

https://sites.google.com/site/talleringenieriasoftwaregaby/unidad-tres/3-1-atributos-de-los-sistemas-y-

aplicaciones-basados-en-web

Arpasi, N. (s. f.). Atributos de aplicaciones basadas en WEB. https://es.slideshare.net/NoeAJ/atributos-de-

aplicaciones-basadas-en-web-147379130

Y.Yeeply. (2022, 9 noviembre). 5 Tipos de desarrollo de aplicaciones web más relevantes. Yeeply.

https://www.yeeply.com/blog/5-tipos-desarrollo-de-aplicaciones-web/

Sharma, P. (2022, 13 octubre). 7 razones para tratar la arquitectura de aplicaciones web con seriedad.

Cynoteck. https://cynoteck.com/es/blog-post/reasons-to-treat-web-application-architecture-seriously/

Maluenda, R. (2022, 5 mayo). Tipos de desarrollo de aplicaciones web: ejemplos y características. Profile

Software Services. https://profile.es/blog/desarrollo-aplicaciones-web/

Características de una aplicación Web - 03PazPiñeroPolancoEACFGTCE03. (s. f.).

https://sites.google.com/a/correo.unimet.edu.ve/03pazpineropolancoeacfgtce03/aplicaciones-que-

son/caracteristicas-de-una-aplicacion-web

Informática Básica: ¿Qué son las aplicaciones web? (s. f.). GCFGlobal.org.

https://edu.gcfglobal.org/es/informatica-basica/que-son-las-aplicaciones-web/1/