Want to create interactive content? It’s easy in Genially!

Get started free

Evolución y arquitectura de aplicaciones web.

Dan Goma

Created on February 5, 2024

Programación web.

Start designing with a free template

Discover more than 1500 professional designs like these:

Teaching Challenge: Transform Your Classroom

Frayer Model

Math Calculations

Interactive QR Code Generator

Interactive Scoreboard

Interactive Bingo

Interactive Hangman

Transcript

TECNOLÓGICO NACIONAL DE MÉXICO INSTITUTO TECNOLÓGICO DE TUXTLA GUTIÉRREZ “INGENIERÍA EN SISTEMAS COMPUTACIONALES” MATERIA: SIMULACION TRABAJO A REALIZAR: 1.2 EVOLUCIÓN Y ARQUITECTURA DE LAS APLICACIONES WEB. CATEDRÁTICO: ALVAREZ ALBORES CESAR IVAN ALUMNO: RIVERA ESQUINCA DANIEL EMILIO GRUPO: S5A TUXTLA GUTIÉRREZ, CHIAPAS A 05 DE FEBRERO DE 2024.

Evolución de aplicaciones web.

¿Por que es importante la arquitectura de las aplicacion es web?

Capas de la arquitectura de las aplicaciones web

¿Que es la arquitectura de las aplicaciones web?

Tipos de arquitectura de aplicaciones web.

Prerrenderizadas
Progresivas
De una sola paguina.
Renderizado del lado del servidor
Orientada al servicio
Isomórficas
Microservicios
Progresivas

Bibliografia.

Las páginas web del frontend se renderizan en un servidor backend después de ser solicitadas por el usuario. Esto ayuda a reducir la carga en el dispositivo del cliente, ya que recibe una página web estática de HTML, CSS y JS.
Ventajas.
  • La carga de la primera página es casi instantánea en la mayoría de los casos.
  • Puedes combinarla con un servicio de caché para mejorar aún más el rendimiento de tu aplicación.
Desventajas.
  • No se recomienda para páginas web complejas o pesadas, ya que el servidor puede tardar en generar completamente la página, lo que provoca un retraso en la primera carga.
Las aplicaciones construidas con la arquitectura sin servidor no permanecen en funcionamiento todo el tiempo. Se comportan como lo harían las funciones, esperan a ser llamadas, ejecutan el proceso definido y devuelven un resultado, reducen los costes de mantenimiento y son altamente escalables sin esfuerzo.
Ventajas.
  • Pueden adaptarse al tráfico entrante en tiempo real para reducir la carga de tu infraestructura.
  • Estas aplicaciones pueden utilizar el modelo de precios de pago por uso de las plataformas sin servidor para reducir los costes.
Desventajas.
  • Las tareas de larga duración pueden ser costosas en una arquitectura de este tipo.
  • Cuando una función recibe una petición después de mucho tiempo, se conoce como arranque en frío.
Las aplicaciones isomórficas son aquellas que son una mezcla de aplicaciones renderizadas en el lado del servidor y SPA. Esto significa que dichas aplicaciones se renderizan primero en el servido, Una vez que las recibe el cliente, la app se hidrata y adjunta el DOM virtual para un procesamiento más rápido y eficiente por parte del cliente.
Ventajas.
  • Las apps isomórficas tienen una renderización inicial súper rápida y soporte completo para el SEO.
  • Estas aplicaciones también tienen un buen rendimiento en el cliente, ya que se convierten en una SPA después de la carga.
Desventajas.
  • Sólo puedes elegir entre un puñado de librerías y frameworks (en su mayoría) basados en JS.
Se basa en la Arquitectura de Página Única proporcionando capacidades offline para tu aplicación web. Tecnologías como Capacitor e Ionic se utilizan para crear AWP que pueden proporcionar a los usuarios una experiencia uniforme en todas las plataformas.
Ventajas.
  • Las aplicaciones se ejecutan con mucha fluidez y ofrecen compatibilidad entre plataformas.
  • Los desarrolladores pueden acceder al acceso sin conexión y a las API nativas de los dispositivos.
Desventajas.
  • Enviar actualizaciones a las PWA sin conexión es más complejo que con las aplicaciones nativas.
  • La compatibilidad de las PWA con los navegadores web y sistemas operativos es limitada.
las páginas web del frontend de la aplicación se generan previamente y se almacenan como archivos HTML, CSS y JS planos en el servidor. Una vez que el usuario solicita una página, ésta se obtiene directamente y se le muestra, ademas son estupendas para cuando quieres generar contenido estático, como blogs o detalles de productos que no cambian a menudo.
Ventajas.
  • Las páginas web se generan en HTML, CSS y JS puros, por lo que su rendimiento es similar al de las aplicaciones construidas con vanilla JS.
Desventajas.
  • El contenido dinámico no se puede servir con estas aplicaciones.
  • Hacer cualquier cambio en la aplicación web significa reconstruir y desplegar completamente la aplicación desde cero.
La arquitectura de microservicios es probablemente la mejor arquitectura para construir aplicaciones que pretenden escalar algún día a miles y millones de usuarios. Cada componente es resistente, escalable y fácil de mantener.
Ventajas.
  • Cada componente puede escalarse de forma independiente para satisfacer el tráfico variable de usuarios.
  • Las aplicaciones basadas en microservicios son altamente tolerantes a los fallos.
Desventajas.
  • Para los proyectos más pequeños, la arquitectura de microservicios puede requerir demasiado esfuerzo de mantenimiento.
Toda la aplicación se basa en una sola página, una vez que el usuario accede a tu aplicación, no necesita navegar a ninguna otra página web. La aplicación se hace lo suficientemente dinámica como para obtener y renderizar pantallas que satisfagan los requisitos de los usuarios mientras navegan por la propia aplicación.
Ventajas.
  • Puedes construir aplicaciones web altamente interactivas.
  • Son fáciles de escalar.
  • Para optimizar no requiere mucho esfuerzo.
Desventajas.
  • limita la flexibilidad con los hipervínculos.
  • El renderizado inicial suele ser lento.
  • La navegación por la aplicación puede ser poco intuitiva.
En palabras sencillas, la arquitectura de aplicaciones web es un esquema de cómo interactúan entre sí los distintos componentes de tu aplicación web. La forma de diseñar tu aplicación web desempeña un papel clave tanto en su usabilidad como en la optimización de sus costes.
Si eliges desarrollar tu aplicación web con una arquitectura específica en mente, seguro que obtendrás muchos beneficios a la hora de mantener y hacer crecer tu aplicación. Sin embargo, la elección de la arquitectura adecuada amplía aún más estos beneficios.
En esta arquitectura, las aplicaciones web se dividen en servicios que representan una unidad funcional de negocio cada uno. Estos servicios están débilmente acoplados e interactúan entre sí mediante el paso de mensajes.
Ventajas.
  • Esta arquitectura ayuda a construir aplicaciones altamente escalables y fiables.
  • Los componentes son reutilizables y se comparten para mejorar los esfuerzos de desarrollo y mantenimiento.
Desventajas.
  • Las aplicaciones SOA aún no son tan flexibles, ya que el tamaño y el alcance de cada servicio no son fijos.
  • Puede haber servicios del tamaño de aplicaciones empresariales que pueden ser difíciles de mantener.