Sesión 2 - Arquitectura de una aplicación web

¿Qué es una aplicación web?

Una aplicación web es un sistema de documentos con hipertexto, hipermedia e hipervínculos que están interconectados y son accesibles usando el protocolo HTTP, algunas de las páginas a las que accedemos vía Internet son un ejemplo de ello. Es importante recalcar que no todas las páginas web son consideradas aplicaciones web. Cuando algún componente de la página realice una funcionalidad para el usuario se considera que es una aplicación web.

Ejemplificación gráfica de aplicación web. Tomada de http://www.webtom.com.ar/


Ventajas y Desventajas
Ventajas
Desventajas
Acceso desde casi cualquier dispositivo
Pueden ser complejas del lado del servidor
Flexibilidad en cuanto a tecnologías
Implica muchas tecnologías
Las actualizaciones no requieren instalaciones del parte del cliente
Aplicaciones difíciles de desarrollar y depurar
Concurrencia de usuarios
Acceso limitado, depende de conexión a Internet

Aplicación Cliente-Servidor

Como el nombre lo indica, una aplicación web con una arquitectura cliente-servidor consta de dos componentes, el cliente es todo aquel que establece una conexión con el servidor, este realiza peticiones y recibe las respuestas a dichas peticiones por parte del servidor. Por otro lado un servidor recibe peticiones, contiene datos y proporciona servicios.

Funcionamiento cliente-servidor. Tomada de https://redespomactividad.weebly.com/modelo-cliente-servidor.html



Modelo de capas de una aplicación web

Lógica

Uno de los modelos más comunes para la programación web es el modelo de tres capas, el cual tiene como objetivo separar en tres niveles cada uno de los componentes y funcionalidades. Estas capas son:


                                                  


Física

Para referirnos donde se ejecuta el código y corren los procesos es necesario conocer la arquitectura física de una aplicación, en una aplicación web, un modelo comúnmente usado es la arquitectura 6-tier. Esta arquitectura se divide la siguiente manera:

Principios de diseño en la construcción de aplicaciones web

Como se mencionó anteriormente, el desarrollo de una aplicación web puede ser complejo, principalmente por la gran cantidad de componentes que un sistema de este tipo envuelve. Como en gran cantidad de proyectos o sistemas relativamente complejos, el diseño es fundamental para que tareas como el desarrollo y mantenimiento sean más llevadero. A continuación, se presentan algunos principios y patrones de diseño que pueden ser considerados útiles a la hora de construir una aplicación web. 

Es importante para las aplicaciones complejas, tener en mente que la abstracción es de suma importancia para poder tener en mente de una forma más sencilla y general todo el conjunto de componentes y funcionalidades del sistema, algunos patrones ayudan a que se cumpla este aspecto.

Resultado de imagen para n layer pattern
Arquitectura de una aplicación, divida por funcionalidad lo cual ayuda en el diseño. Tomada de https://www.researchgate.net/figure/Pattern-for-Online-cardiac-image-repository-Layered-N-Tier_fig1_234785551

Cliente-Servidor

Este patrón de diseño es uno de los más usados y más simples de implementar, se basa simplemente es dividir los componentes entre cliente y servidor. Las funcionalidades de estos componentes fueron explicados anteriormente. Para una aplicación web, el cliente es el navegador y el servidor sería el encargado de gestionar los recursos web.

Arquitectura N-Capas

Este patrón de diseño, además de poseer la arquitectura de cliente-servidor. Del lado de servidor existen niveles que son responsables del tratamiento y despliegue de los datos. Este patrón puede generar el principio de diseño planteado a continuación.

Separación de ocupaciones

Este principio define que al dividir un sistema en capas o niveles, cada uno de estos realiza una única funcionalidad, la cual es accesible interfaces propias de cada capa/nivel. Esto ayuda a que el mantenimiento sea más sencillo debido a que posibles modificaciones en un nivel no afectan los además.



Referencias


     Solano, E. (2018). Qué es una aplicación web. Curso Introducción al desarrollo de aplicaciones WEB - IC8016.

     Yuniels. (n.d.). Retrieved from http://deprogramacion.cubava.cu/2015/10/14/aplicaciones-web-ventajas-y-desventajas/

Comentarios

Publicar un comentario

Entradas más populares de este blog

Sesión 3 - Ejemplo de uso de servlets y JSP

Imagen
Enunciado A continuación se presenta un enunciado con el trabajo a desarrollar en este ejemplo, el siguiente PDF, describe que se debe hacer con el fin de que el ejemplo pueda ser considerado válido. 1. Creación de un nuevo proyecto Para este ejemplo, usaremos Netbeans IDE 8.2, por lo que para crear la aplicación Java Web, la guía será sobre este IDE. En caso de usar otro, puede brincar hasta el paso 2. Al hacer click en Nuevo Proyecto... se abrirá una ventaja como la siguiente, en este caso crearemos una aplicación Java Web > Web Application. Seguidamente, asignamos un nombre y ubicación a nuestro proyecto. Finalmente, podemos escoger el servidor web a usar. En caso de no tener servidor, será necesario descargar uno y seguidamente agregarlo con el botón Add mostrado en la siguiente captura. En este caso usaremos GlassFish Server 5, pero es posible usar cualquier otro servidor. Después de este paso podemos dar a Finish. 2. Creaci
Leer más

Sesión 6 - Javascript

Imagen
¿Qué es Javascript? Javascript es considerado el lenguaje de programación de HTML y por ende, de la web. Es un lenguaje dinámico, levemente tipado y multiparadigma. ¿Por qué usar Javascript? Permite controlar el comportamiento de las páginas web. Permite la creación de páginas web dinámicas. Puede usarse en aplicaciones móviles, desktop applications y web applications. Facilidad  de uso. Amplia comunidad de desarrolladores que lo usan. Permite el uso de Single-page applications (el navegador se encarga de representar la página). ¿Cómo usar Javascript? Una de las formas más sencillas y conocidas para usar Javascript en nuestra página web es usando el evento onclick , en HTML la sintaxis sería algo así:  <element onclick="myScript"> Este evento se usa en la mayoría de casos para darle funcionalidad a botones, aunque también puede funcionar con otros tipos de elementos. Ejemplo: -----------------------------------------------
Leer más

Laboratorio 1 : Desarrollo práctico de una página WEB acerca de su vida personal

Imagen
Para este laboratorio se tomará en cuenta únicamente la parte visual de la página web, es decir no se realizará funcional. Para entender mejor lo solicitado se presenta el enunciado del Laboratorio 1: Para acceder al código HTML y CSS de la  página web creada como resultado del laboratorio use el siguiente link:  https://drive.google.com/drive/folders/1byjlM9hELTEGUPWGojJ3YUDIHoQddy8v?usp=sharing NOTA: En el los archivos subidos, el link al CSS contiene un path local, basta con cambiar el path a  "css/custom.min.css" Elementos usados HTML <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">:  se encarga de que la página realizada tenga la característica responsive, esto diciéndole al navegador como debe ajustarse.  <li><a class="active" href="home.html">Home</a></li>: usado para representar un item en una lista, en este caso, se usó como elemento del m
Leer más