Please enable JavaScript.
Coggle requires JavaScript to display documents.
Fundamentos de la ingeniería web - Coggle Diagram
Fundamentos de la ingeniería web
¿Qué es la ingeniería web?
Definición:
Es el uso de métodos sistemáticos, disciplinados y cuantificables al desempeño eficaz, operatividad y crecimiento de programas de muy buena calidad en la World Wide Web.
Encargados de la ingeniería web:
Los ingenieros Web y los desarrolladores de contenido no técnicos son aquellos que están encargados de la WebApps.
Importancia de la Ingeniería web:
A medida que las aplicaciones web (WebApps) se vuelven esenciales para grandes y pequeñas empresas, especialmente en áreas como el comercio electrónico, es crucial garantizar que sean sistemas fiables, usables y adaptables. Por ello, resulta indispensable adoptar un enfoque disciplinado en su desarrollo.
Objetivos de la ingeniería web
Inmediatez:
Capacidad de un sistema o aplicación para responder y entregar resultados de manera rápida y eficiente, minimizando los tiempos de espera del usuario.
Seguridad:
Conjunto de medidas y tecnologías implementadas para proteger los datos, las transacciones y los recursos de un sistema frente a accesos no autorizados, ataques cibernéticos o pérdidas de información.
Estética:
Aspecto visual y diseño de una aplicación o sistema, enfocado en crear una experiencia agradable y atractiva para el usuario mediante colores, formas, tipografías y disposición de elementos.
Informativa:
Capacidad de un sistema o aplicación para proporcionar contenido relevante, claro y estructurado que responda a las necesidades del usuario.
Descargar:
Proceso mediante el cual un usuario transfiere datos, archivos o recursos desde un servidor o plataforma en línea a un dispositivo local.
Personalizable:
Habilidad de una aplicación o sistema para adaptarse a las preferencias y necesidades específicas de cada usuario, permitiéndole modificar configuraciones, diseño o funciones
Entrada del usuario:
Interacción en la que un usuario proporciona datos o comandos a un sistema, ya sea mediante formularios, teclados, botones o cualquier otro dispositivo de entrada.
Orientada a transacciones:
Característica de los sistemas diseñados para gestionar operaciones comerciales o financieras de manera eficiente, asegurando la ejecución correcta de procesos como compras, pagos o transferencias.
Orientado a servicios:
Modelo de diseño enfocado en ofrecer funcionalidades específicas como servicios independientes que pueden ser utilizados por otros sistemas o usuarios finales.
Portal:
Plataforma web que actúa como un punto de acceso centralizado a información, servicios o recursos, integrando diversas funcionalidades en un solo lugar.
Acceso a bases de datos:
Función que permite a los usuarios o aplicaciones conectarse, consultar, y manipular información almacenada en bases de datos.
Almacenes de datos:
Estructuras de almacenamiento diseñadas para recopilar, organizar y analizar grandes volúmenes de información, facilitando la toma de decisiones estratégicas.
Las aplicaciones web
Aplicaciones informativas:
Diseñadas para proporcionar información útil y relevante, como noticias, artículos, blogs, y tutoriales. Ejemplo: Wikipedia, BBC News.
Aplicaciones transaccionales:
Permiten realizar operaciones comerciales o financieras, como compras en línea, pagos y reservas. Ejemplo: Amazon, PayPal.
Aplicaciones orientadas a servicios:
Proveen herramientas y servicios específicos para facilitar tareas del usuario, como gestión de proyectos, edición de documentos o diseño gráfico. Ejemplo: Google Workspace, Canva.
Aplicaciones de redes sociales:
Facilitan la interacción y conexión entre personas, permitiendo compartir contenido, mensajes y actualizaciones. Ejemplo: Facebook, Twitter.
Aplicaciones educativas:
Diseñadas para el aprendizaje en línea, ofreciendo cursos, tutoriales y materiales educativos. Ejemplo: Duolingo, Coursera.
Aplicaciones de entretenimiento:
Enfocadas en ofrecer contenido recreativo como música, videos, juegos o streaming en tiempo real. Ejemplo: Netflix, Spotify.
Aplicaciones personalizables:
Aquellas que permiten al usuario adaptar su experiencia según sus necesidades, como el diseño de interfaces o configuración de funcionalidades. Ejemplo: WordPress, Wix.
Aplicaciones de acceso a bases de datos:
Sistemas que permiten consultar y manipular información almacenada en bases de datos, ya sea para uso personal o empresarial. Ejemplo: aplicaciones CRM como Salesforce.
Portales web:
Actúan como un punto de acceso centralizado a servicios, recursos e información de diversos tipos, como portales gubernamentales o corporativos. Ejemplo: GOV.mx, Yahoo.
Aplicaciones empresariales:
Diseñadas para la gestión y automatización de procesos dentro de organizaciones, como ERPs o sistemas de facturación. Ejemplo: SAP, Zoho.
Estructura de las WebApps
Estructuras reticulares:
Son una opción arquitectónica que puede aplicarse cuando el
contenido de la WebApp puede ser organizado categóricamente en dos dimensiones.
Estructura jerárquica:
Son sin duda la arquitectura WebApp más comunes, que fomentan el flujo de control solo a lo largo de las ramas verticales de la jerarquía, se podrá diseñar una estructura jerárquica de la WebApp para posibilitar el flujo de control en horizontal atravesando las ramas verticales de la estructura.
Las estructuras jerárquicas:
Son sin duda la arquitectura WebApp más común. A diferencia de la división de jerarquías de software, que fomentan el flujo de control solo a lo largo de las ramas verticales de la jerarquía , se podrá diseñar una estructura jerárquica de la WebApp para posibilitar (por medio de las ramificaciones de hipertexto) el flujo de control en horizontal atravesando las ramas verticales de la estructura.
Una estructura en red o de web pura:
Se asemeja en muchos aspectos a la arquitectura en evolución para los sistemas orientados a objetos. Los componentes arquitectónicos (en este caso las páginas web) se diseñan de forma que pueden pasar el control (mediante enlaces de hipertexto) a otros componentes del sistema.