Please enable JavaScript.
Coggle requires JavaScript to display documents.
Introducción a las aplicaciones Web - Coggle Diagram
Introducción a las aplicaciones Web
Evolución de las
aplicaciones web
Web 1.0 nos introdujo al mundo en línea.
Web 2.0 trajo consigo la interactividad y las redes sociales.
Web 3.0 nos sumergió en un universo de datos inteligentes y personalizados.
Web 4.0 se perfila para revolucionar nuestra experiencia con avances como la inteligencia artificial.
Arquitectura de las
aplicaciones Web
Front-end (Cliente): Se encarga de todo lo relacionado con la interacción del usuario
Back-end (Servidor): Se enfoca en la gestión de la lógica de negocio, las bases de datos y la seguridad
Capa de Presentación. Su función es presentar la información de forma amigable mediante la interfaz de usuario (UI).
Capa de Aplicación. Da dirección al tráfico, recibe las peticiones del usuario desde la Capa de Presentación dirigiéndolas para aplicar la lógica de negocio correcta.
Capa de Almacenamiento Persistente. Controla y administra el acceso a los datos almacenados en bases de datos o en sistemas de almacenamiento en la nube.
Tecnologías para el desarrollo
de aplicaciones web
CSS
. Por sus siglas, al español, estamos hablando de las hojas de estilo en cascada. Simplemente, diremos que son las declaraciones que otorgarán estilos visuales al HTML recién mencionado.
JavaScript
. Lenguaje de programación. A los efectos del desarrollo web, es aquel que otorgará interactividad a las distintas páginas que conforman el sitio.
HTML
. El lenguaje de marcado de hipertexto. Consiste en marcas basado en etiquetas las cuales, respetando una serie de reglas, otorgarán la estructura más básica del sitio a desarrollarse.
Planificación de
aplicaciones Web
Definición de Objetivos: Determinar qué problema resuelve la aplicación y a quién va dirigida.
Análisis de Requerimientos: Entrevistar interesados (stakeholders) y definir las funcionalidades técnicas necesarias.
Estructura y Mapa de Sitio: Crear un esquema de la información, navegación y flujo de usuario.
Gestión de Riesgos y Recursos: Identificar amenazas técnicas, estimar tiempos y asignar el equipo de desarrollo.
Prototipado: Diseñar bocetos preliminares (wireframes) para visualizar la experiencia de usuario (UI/UX).
