Presentación digital

Programación Web

Aplicaciones web

Presentación electrónica

x

empezar_

Anahí Gutiérrez DomínguezDocente: Cesar Iván Álvarez AlboresINSTITUTO TECNOLÓGICO DE TUXTLA GUTIÉRREZ

ÍNDICE

x

+

¿QUÉ SON?

+

¿CÓMO FUNCIONA?

+

DIFERENCIA

+

+

TIPOS

VENTAJAS

x

Siguiente

¿Qué es una aplicación web?

Las aplicaciones webs son el desarrollo de un programa de aplicación que se guarda y se almacena en un servidor remoto, al que el usuario accede a través del navegador.El concepto aplicación web está ligado al almacenamiento en la nube. Así, la información se guarda permanentemente en grandes servidores de internet y una vez abres tu aplicación y entras en ella, te envían a tu dispositivo los datos que requieres.

x

La mayoría de estas aplicaciones web se utilizan desde teléfonos móviles, aunque deben estar optimizadas para todos los dispositivos. La base de datos que facilita el acceso a la aplicación, no se guarda en el dispositivo móvil, sino en la nube.Lo único que necesitan tanto el ordenador como el dispositivo es estar conectados a internet para acceder a los servidores de la aplicación y recibir la información.

¿Cómo funciona?

x

Tipos de aplicaciones web

Ee

Estáticas

e-commerce

Dinámicas

Tiempo real

Sociales

Progresivas

SPA

MPA

x

Una aplicación web es un software que se ejecuta en el navegador, mientras que la aplicación nativa se puede descargar e instalar en un dispositivo.

¿Qué diferencia hay entre una aplicación web y una aplicación nativa?

x

• Se actualizan solas.
• Backup.
• Versión única.
• Usabilidad.
• Económicas y de fácil mantenimiento.
• Comparten funciones e imagen.

Ventajas de utilizar aplicaciones web

Es el propio administrador de la aplicación quien se encarga de la actualización. Por lo que no exige ningún esfuerzo a sus usuarios.

Son más económicas porque no te suponen el hacer una aplicación a medida y que tiene que estar en constante renovación. Se apuesta por una estructura sólida y por modificar el contenido periódicamente, pero sin afectar a la estructura de la página.

En cuanto al diseño y la operatividad, no hay diferencias entre descargarse una app y usar las aplicaciones web. La rapidez también suele ser similar. Esto facilita la fidelización y el aumento de seguidores.

En las webs apps una única versión es compatible con todos los sistemas operativos y con los diferentes navegadores. Por su parte, las aplicaciones para smartphones dependen del sistema operativo y de su compatibilidad para que puedan funcionar.

Las aplicaciones web solo necesitan hacer una única copia de seguridad y se pueden restaurar más fácilmente en caso de que haya cualquier problema.

En las webs apps el usuario no tiene que descargar nada en su móvil, pero para acceder a las aplicaciones tiene que tener conexión a internet. Tampoco es necesario ningún sistema operativo específico.

x

EJEMPLOS DE aplicaciones web

REFERENCIAS

x

MInformá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/Bustos, S. (2023, 14 marzo). Desarrollo de aplicaciones web vs. aplicaciones de escritorio | Codster. Codster. https://codster.io/blog/desarrollo-de-aplicaciones-web-vs-escritorio/Comunicacion. (2023, 28 marzo). Aplicaciones web: en qué consisten y cuáles son sus ventajas. Escuela Postgrado de Ingeniería y Arquitectura. https://postgradoingenieria.com/que-son-aplicaciones-web/Superior, E. F. P. (s. f.). Aplicaciones web: qué son, tipos y ventajas. ESIC. https://www.esic.edu/rethink/tecnologia/que-son-las-aplicaciones-web-cNeosystems. (2021, 31 marzo). Aplicaciones web: 6 ventajas y beneficios. Neosystems. https://neosystems.es/noticias/aplicaciones-web-6-ventajas-y-beneficios/

Se caracterizan por tener un contenido fijo y no interactivo, por lo que son comunes para mostrar información básica en blogs, portfolios o landing pages informativas. La ventaja es que son rápidas y de fácil lectura, aunque no tienen mucha interactividad y su contenido es poco personalizable.

Aplicaciones web estáticas

Su contenido cambia en respuesta a las interacciones del usuario y se basan en bases de datos y scripts del lado del servidor para generar ese dinamismo. Usan tecnologías como AJAX para actualizar el contenido sin recargar la página. Algunos ejemplos son los foros o las redes sociales, sitios altamente interactivos y con una personalización del contenido en tiempo real. Eso sí, son más complejas de desarrollar y mantener.

Aplicaciones web dinámicas

Son aplicaciones que ofrecen una experiencia similar a las aplicaciones nativas, pues utilizan tecnologías como Service Workers y Manifiesto de Aplicación Web para funcionar online y recibir notificaciones push. Es el caso de Pinterest o Starbucks, que además poseen una experiencia de usuario nativa y son más rápidas.

Aplicaciones web progresivas

Proponen una comunicación más fluida entre usuarios e incluyen creación de perfiles, mensajería y redes, como en el caso de LinkedIn, Facebook o Instagram. Lo más positivo de estas aplicaciones es el poder fomentar la interacción y el networking, aunque deban tener en cuenta la gestión de privacidad y la posible sobrecarga de contenido.

Aplicaciones web sociales

Su estructura es la tradicional, con múltiples páginas HTML para que cada acción del usuario cargue una nueva página del servidor. Se puede apreciar en e-commerce, portales de noticias o plataformas educativas, lugares con un SEO sencillo, aunque con una experiencia de flujo menos fluida.

Aplicaciones web de múltiples páginas (MPA)

Están destinadas a facilitar la compra-venta de productos y servicios online, por lo que tienen integrados catálogos de productos, carritos de compra y sistemas de pago en su propio portal. Esto les facilita la venta, la posibilidad de personalización y el análisis de datos, aunque requieren otro tipo de necesidades relacionadas con la legalidad y la logística. El ejemplo más claro es Amazon.

Aplicaciones web de e-commerce

Son aquellas enfocadas en proporcionar actualizaciones instantáneas basadas en datos en tiempo real. Utilizan tecnologías de comunicación bidireccional para mejorar la experiencia de usuario, y requieren de una infraestructura robusta para manejar conexiones continuas. Aplicaciones de chat como WhatsApp Web o videojuegos online son algunos ejemplos.

Aplicaciones web en tiempo real

Toda la información se carga en una sola página y utilizan frameworks de JavaScript como React, Angular y Vue.js. Sus actualizaciones se manejan sin recargar la página, como ocurre en Gmail, Google Maps o Trello. Además, cuentan con una experiencia rápida y fluida, a pesar de ser complejas en su desarrollo y acarrear posibles problemas de SEO y accesibilidad.

Aplicaciones web de página única (SPA)