2.

1 Arquitectura de las aplicaciones Web

6

2.1 Arquitectura de las aplicaciones Web.

Una aplicación
Web es proporcionada por un servidor Web y utilizada por usuarios que se Conectan desde
cualquier punto vía clientes Web (browsers o navegadores). La arquitectura de un Sitio Web tiene
tres componentes principales:

 Un servidor Web

 Una conexión de red

 Uno o más clientes

El servidor Web distribuye páginas de información formateada a los clientes que las solicitan.
Los requerimientos son hechos a través de una conexión de red, y para ello se usa el protocolo
HTTP. Una vez que se solicita esta petición mediante el protocolo HTTP y la recibe el servidor Web,
éste localiza la página Web en su sistema de archivos y la envía de vuelta al navegador que la
solicitó.

Las aplicaciones Web están basadas en el modelo Cliente/Servidor que gestionan servidores
web, y que utilizan como interfaz páginas web.

Las páginas Web son el componente principal de una aplicación o sitio Web. Los browsers
piden páginas (almacenadas o creadas dinámicamente)
con información a los servidores Web. En algunos ambientes de desarrollo
de aplicaciones Web, las páginas contienen código HTML y scripts dinámicos, que son
ejecutados por el servidor antes de entregar la página.

Una vez que se entrega una página, la conexión entre el browser y el servidor Web se rompe,
es decir que la lógica del negocio en el servidor solamente se activa por la ejecución de los scripts
de las páginas solicitadas por el browser (en el servidor, no en el cliente). Cuando el browser
ejecuta un script en el cliente, éste no tiene acceso directo a los recursos del
servidor. Hay otros componentes que no son scripts, como los applets (una
aplicación especial que se ejecuta dentro de un navegador) o los componentes ActiveX.
Los scripts del cliente son por lo general código JavaScript o VBSscript, mezclados con código
HTML.

La colección de páginas son en una buena parte dinámicas (ASP, PHP, etc.), y están
agrupadas lógicamente para dar un servicio al usuario. El acceso a las páginas está agrupado
también en el tiempo (sesión). Los componentes de una aplicación Web son:

1. Lógica de negocio.

 Parte más importante de la aplicación.

 Define los procesos que involucran a la aplicación.

 Conjunto de operaciones requeridas para proveer el servicio.

2. Administración de los datos.

 Manipulación de BD y archivos.

3. Interfaz

 Los usuarios acceden a través de navegadores, móviles, PDAs, etc.

 Funcionalidad accesible a través del navegador.

 Limitada y dirigida por la aplicación.

Las aplicaciones web se modelan mediante lo que se conoce como modelo de capas, Una
capa representa un elemento que procesa o trata información. Los tipos son:

 Modelo de dos capas: La información atraviesa dos capas entre la

interfaz y la administración de los datos.

 Modelo de n-capas: La información atraviesa varias capas, el más habitual es el modelo

de tres capas.

Modelo de dos Capas.

Gran parte de la aplicación corre en el lado del cliente (fat client).

Las capas son:

 Cliente (fat client): La lógica de negocio está inmersa dentro de la aplicación que realiza
el interfaz de usuario, en el lado del cliente.

 Servidor: Administra los datos.

Las limitaciones de este modelo son.

  Es difícilmente escalable

 Número de conexiones reducida

 Alta carga de la red.

 La flexibilidad es restringida

 La funcionalidad es limitada.

Modelo de tres Capas.

Esta diseñada para superar las limitaciones de las arquitecturas ajustadas al modelo de dos
capas, introduce una capa intermedia (la capa de proceso) Entre presentación y los datos,
los procesos pueden ser manejados de forma separada a la interfaz de usuari o y a los datos,
esta capa intermedia centraliza la lógica de negocio, haciendo la administración más sencil a,
los datos se pueden integrar de múltiples fuentes, las aplicaciones web actuales se ajustan a
este modelo.

Las capas de este modelo son:

1. Capa de presentación (parte en el cliente y parte en el servidor)

 Recoge la información del usuario y la envía al servidor (cliente)

 Manda información a la capa de proceso para su procesado

 Recibe los resultados de la capa de proceso

 Generan la presentación

 Visualizan la presentación al usuario (cliente)

2. Capa de proceso (servidor web)

 Recibe la entrada de datos de la capa de presentación

  Interactúa con la capa de datos para realizar operaciones

 Manda los resultados procesados a la capa de presentación

3. Capa de datos (servidor de datos)

 Almacena los datos

 Recupera datos

 Mantiene los datos

 segura la integridad de los datos

 ¿Qué es el desarrollo web?

11 septiembre 2017 Mercedes de

OpenClassrooms desarolloweb, desarrollo, programa, programacion, programacionweb Leave a
comment

Desarrollo web significa construir y mantener sitios web; es el trabajo que tiene lugar en un
segundo plano y que permite que una web tenga una apariencia impecable, un funcionamiento
rápido y un buen desempeño para permitir la mejor experiencia de usuario. Los desarrolladores
web son como duendes con poderes: nunca los ves, pero son los que hacen que todo esté bien y
funcione de manera rápida y eficiente.

Los conocimientos y habilidades vinculados al desarrollo web son los más demandados y también
los mejor pagados. Se trata de una carrera con muchas posibilidades y salidas. Aquí puedes
informarte mejor de cómo convertirte en desarrollador·a web y conseguir un título oficial a través
del Programa en Desarrollo web – Frontend de OpenClassrooms.

Pero, ¿cómo lograrlo?

Los desarrolladores web lo hacen a través de diversos lenguajes de programación. El lenguaje que
usan en cada momento depende del tipo de tarea que están haciendo. El desarrollo web se divide,
de forma general, en Frontend (la parte cliente) y Backend (la parte servidor).

Frontend, Backend o Full-stack, ¿quién es quién?

Un desarrollador Frontend se encarga de la composición, diseño e interactividad usando HTML,

CSS y JavaScript. El desarrollador Frontend toma una idea y la convierte en realidad. Lo que ves y
lo que usas, como por ejemplo el aspecto visual del sitio web, los menús desplegables y el texto,
son creados por el desarrollador Frontend, que escribe una serie de programas para dar
estructura, forma e interactividad a estos elementos. Estos programas se ejecutan después a
través de un navegador.

El desarrollador Backend se encarga de lo que no se ve, es decir, dónde se almacenan los datos.
Sin datos no hay Frontend. El Backend consiste en el servidor que acoge la web, una aplicación
para ejecutarlo y una base de datos. El desarrollador Backend utiliza programas de computación
para asegurar que el servidor, la aplicación y la base de datos tengan un desempeño regular
conjunto. Además, analiza qué necesita la empresa y proporciona soluciones de programación
eficientes. Para hacer este increíble trabajo, utiliza una serie de lenguajes del lado del servidor,
como PHP, Ruby, Python y Java.

Si te interesan tanto el Frontend como el Backend, deberías plantearte convertirte en

desarrollador·a Full-stack. El desarrollador Full-stack está a cargo tanto del Frontend como del
Backend, y necesita saber cómo funciona la web a todos los niveles para determinar cómo se van a
coordinar la parte cliente y la parte servidor. Para alcanzar este nivel de experiencia hace falta más
tiempo, claro, puesto que hay más que aprender.

‘Whatever aspect of web development attracts you, we have courses and paths that can help you
reach your goals.’ Emily Reese, Web developer and Teacher at OpenClassrooms.

Primeros pasos

No te preocupes si al principio la palabra desarrollo te intimida. No tienes que aprenderlo todo de

golpe y ahora es posible aprender a programar sin ir a la universidad.

‘I have never actually worked with a web developer who studied computer science at university!
They all came from different backgrounds – Philosophy, Math, Art History – which results in a very
diverse and multifaceted web development eco-system.’ Emily Reese, Web developer and Teacher
at OpenClassrooms.

Tienes que ser tú quien decida qué aspecto del desarrollo web te interesa más, y una vez lo tengas
claro, comenzar aprendiendo un lenguaje de programación. Por ejemplo, si estás interesado en
Frontend, puedes empezar estudiando HTML y CSS y, una vez hayas aprendido lo básico, llevar a
cabo proyectos donde apliques los conocimientos adquiridos. Al mismo tiempo, puedes aumentar
tus conocimientos estudiando nuevos lenguajes de programación como JavaScript, para hacer
sitios web interactivos y originales. Si aún no lo conoces, te recomendamos el curso Aprende a
programar con JavaScript impartido por Pablo.

¡Únete a OpenClassrooms!

Hay muchos recursos online que te permiten estudiar todos los aspectos del desarrollo web.
OpenClassrooms tiene varios cursos online gratuitos para que te inicies en la programación web y,
además, cuenta con un Programa en desarrollo web – Frontend de OpenClassrooms, que te
permitirá conseguir una titulación oficial.

También ayuda unirse a un grupo de discusión o una comunidad de desarrolladores, de forma que
puedas compartir ideas y resolver dudas. Por eso, en OpenClassrooms te conviertes en parte de
nuestra comunidad una vez te inscribes en uno de nuestros programas.

Emily Reese, desarrolladora y profesora de OpenClassrooms, nos cuenta cómo llegó ella a la
programación web: “Yo estudié Historia del arte y Arquitectura y fue después cuando decidí
convertirme en desarrolladora. Fue mientras trabajaba en Kickstarter cuando descubrí de qué
forma la web puede complementar la creatividad en el arte. Esto pasa en muchos ámbitos,
probablemente también en el que tú trabajas.”

Las ventajas de convertirte en un profesional de la web

“Convertirte en un profesional de la web te permite trabajar en casi cualquier campo, porque

actualmente la web está presente en todos los ámbitos profesionales. Puedes ser desarrollador
web y especializarte en el mundo del arte o en la industria del automóvil.”, apunta Emily Reese. Los
desarrolladores están, generalmente, bien pagados. Y la buena noticia es que, además, es una de
las carreras más demandadas en el mercado laboral. A esto se le suma el hecho de que es una
profesión de fácil acceso, es decir, no necesitas formarte en la universidad porque la calidad de tu
trabajo habla por sí mismo.

Esperamos que ahora tengas más claro lo que es el desarrollo web. Si te gustaría convertir la
programación en tu profesión, échale un vistazo a nuestro Programa en Desarrollo web –
Frontend.