Instituto Tecnológico

de Tláhuac II

MATERIA: Programación web

TITULO: Reporte de investigación Unidad 1

UNIDAD: 1 “Arquitectura”

ALUMNA: Jaquelin Martínez García

PROFESOR: Iván Azamar Palma

FECHA DE ENTREGA:

17/02/2023

1
 INDICE
1.1 Evolución de las aplicaciones web ________________________________________ 3
1.2 Arquitectura de las aplicaciones web _____________________________________ 5
1.3 Tecnologías para el desarrollo de aplicaciones web _________________________ 9
1.4 Planificación de aplicaciones web _______________________________________ 14
Anexos ________________________________________________________________ 15
¿Qué es una API? ___________________________________________________________ 15
¿Qué es un Servicio web? _____________________________________________________ 16
¿Qué es JSON y para qué sirve en las páginas web? _________________________________ 16
¿Qué es un Framework back-end?_______________________________________________ 17
¿Qué es un Framework front-end? ______________________________________________ 19
Conclusión _____________________________________________________________ 20
Fuentes de información __________________________________________________ 21

INDICE DE ILUSTRACIONES
Ilustración 1 Arquitectura ________________________________________________________ 6
Ilustración 2 Cliente-Servidor _____________________________________________________ 7
Ilustración 3 Protocolo HTTP _____________________________________________________ 7
Ilustración 4 Ejemplos Front end _________________________________________________ 10
Ilustración 5 Ejemplos Frameworks _______________________________________________ 11
Ilustración 6 Tecnologiías backend ________________________________________________ 12
Ilustración 7 Ejemplos Frameworks Backend ________________________________________ 13
Ilustración 8 Ejemplos base de datos ______________________________________________ 13
Ilustración 9 Planificación de aplicaciones web ______________________________________ 14
Ilustración 10 Frameworks Backend _______________________________________________ 18
Ilustración 11 Frameworks front end ______________________________________________ 19

2
1.1 Evolución de las aplicaciones web
Internet ha evolucionado mucho con el paso del tiempo, desde las primeras páginas web
estáticas, pasando por portales web interactivos, hasta las actuales aplicaciones web que permiten
realizar múltiples funciones utilizando un navegador web, sin necesidad de instalar software en el
dispositivo del usuario.
¿Qué es una aplicación web? Las aplicaciones web son programas escritos en un lenguaje
de programación que soportan y pueden ejecutar los navegadores web y a las que los usuarios
pueden acceder a través de internet. Este tipo de aplicaciones no necesitan ser instaladas en el
dispositivo del usuario (ordenador, tablet, o teléfono), ya que están instaladas en el servidor web.
La aparición de las aplicaciones web dota de mayor flexibilidad a las empresas que no
tienen por qué depender de un sistema operativo concreto para sus sistemas y dispositivos, ya que
desde cualquier navegador web se pueden ejecutar de forma remota
En una aplicación web los datos se almacenan en los servidores web de forma permanente,
permitiendo acceder a ella en cualquier momento.
Desde que Internet y la Web fueron creados, una cantidad infinita de posibilidades se han
abierto, quizás, la más importante y usual sea el acceso de datos e información desde cualquier
sitio. Las personas que se dedican al desarrollo de aplicaciones podrían considerar esto como un
desafío, ya que los avances tecnológicos de estos últimos años exigen aplicaciones más rápidas,
ligeras y robustas que permitan utilizar la Web. Sin lugar a dudas, Internet es una de las últimas
tecnologías que más rápidamente se está desarrollando para su introducción en los hogares. Las
previsiones apuntan a su integración como un electrodoméstico más, con unas capacidades y
servicios que evolucionaran rápidamente. Por ese motivo, cada vez más adquieren importancia en
las respuestas de los usuarios frente a la implantación de estas nuevas tecnologías.
Gracias al Internet y las conexiones de alta velocidad que lo acompañan, se ha podido
mejorar de manera significativa la manera de trabajar de algunas personas al poder hacerlo desde
sus hogares, Internet ha permitido a estas personas mayor flexibilidad en términos de horarios y de
localización.
La programación web es un término adecuado para describir el proceso general que engloba
el diseño y la creación de un sitio web.
Hace algunos años, los sitios web no eran mucho más que folletos digitales. Actualmente
los sitios son más grandes y complejos.

3
 Con la introducción de comercio electrónico y las páginas dinámicas, los sitios ya han
dejado atrás los folletos y han pasado a ser auténticas aplicaciones de software.
En los años 60. En plena guerra fría, Estados Unidos crea una red exclusivamente militar,
con el objetivo de que, en el hipotético caso de un ataque ruso, se pudiera tener acceso a la
información militar desde cualquier punto del país.
Esta red se creó en 1969 y se llamó ARPANET. En principio, la red contaba con 4
ordenadores distribuidos entre distintas universidades del país. Dos años después, ya contaba con
unos 40 ordenadores conectados. Tanto fue el crecimiento de la red que su sistema de comunicación
se quedó obsoleto. Entonces dos investigadores crearon el Protocolo TCP/IP, que se convirtió en
el estándar de comunicaciones dentro de las redes informáticas.
ARPANET siguió creciendo y abriéndose al mundo, y cualquier persona con fines
académicos o de investigación podía tener acceso a la red. Las funciones militares se desligaron de
ARPANET y fueron a parar a MILNET, una nueva red creada por los Estados Unidos.
La National Science Fundation crea su propia red informática llamada NSFNET, que más
tarde absorbe a ARPANET, creando así una gran red con propósitos científicos y académicos.
El desarrollo de las redes fue abismal, y se crean nuevas redes de libre acceso que más tarde
se unen a NSFNET, formando el embrión de lo que hoy conocemos como INTERNET.
En 1985 la Internet ya era una tecnología establecida, aunque conocida por unos pocos.
En el Centro Europeo de Investigaciones Nucleares (CERN), Tim Berners Lee dirigía la
búsqueda de un sistema de almacenamiento y recuperación de datos. Robert Caillau quien cooperó
con el proyecto, cuenta que en 1990 deciden ponerle un nombre al sistema y lo llamaron World
Wide Web (WWW) A partir de entonces Internet comenzó a crecer más rápido que otro medio de
comunicación, convirtiéndose en lo que hoy todos conocemos.
En un principio la web era sencillamente una colección de páginas estáticas, documentos,
etc. para su consulta o descarga. El paso inmediatamente posterior en su evolución fue la inclusión
de un método para elaborar páginas dinámicas que permitieran que lo mostrado tuviese carácter
dinámico.
Las aplicaciones web han ido evolucionando con el paso del tiempo y la aparición de nuevas
tecnologías. En un principio en la web solo era posible visualizar texto e imágenes, y con el paso
del tiempo se empezaron a utilizar formularios web con los que se podía recabar información sobre
los usuarios.

4
 Los programas CGI permitieron la comunicación activa entre cliente servidor, permitiendo
solicitar datos de un programa que se ejecutase en el servidor, haciendo posible la aparición de
aplicaciones web más complejas y completas.
El uso de cookies para almacenar datos importantes también supuso un avance a la hora de
desarrollar web apps más modernas y con mayor cantidad de funciones.
La aparición de tecnologías como Flash para crear contenidos dinámicos, y el uso de
lenguajes de programación como JavaScript, PHP o Python permitieron crear portales dinámicos
y escritorios virtuales.
En la actualidad con el desarrollo de CMS como PrestaShop o WordPress, o el uso de
frameworks de desarrollo web como Flutter, es posible el desarrollo de aplicaciones web avanzadas
que se pueden utilizar en cualquier área o sector.
Tipos de aplicaciones web:
 Aplicaciones web estáticas. Desarrolladas con HTML y CSS y no suelen actualizarse.
 Aplicaciones web dinámicas. Utilizando JavaScript y PHP principalmente, ofrecen
variación de contenido y acceso a diferentes funcionalidades.
 eCommerce o tiendas virtuales. Para comprar productos por internet pudiendo realizar
pagos online.
 Portales web. Plataformas con diferentes opciones como foros, chats, buscadores…
 Aplicaciones web multimedia. Para presentar contenido animado y audiovisual.
 Gestores de contenido (CMS). Como WordPress o PrestaShop.
Las aplicaciones web cada vez son más importantes y es habitual que se utilicen diariamente
para realizar tareas o procesos comunes, como gestionar el correo electrónico o crear documentos
de texto.

1.2 Arquitectura de las aplicaciones web

Arquitectura de aplicaciones web se define como una estructura de alto nivel que describe
la forma en que su producto y negocio funcionarán, operarán y escalarán.
La arquitectura de las aplicaciones web define cómo se estructuran los distintos
componentes de una aplicación basada en la web. Esta arquitectura es muy específica para la
naturaleza y el propósito de la aplicación web. Elegir una arquitectura equivocada para tu
aplicación web puede causar estragos en tu negocio.

5
 Ilustración 1 Arquitectura
¿Qué es la arquitectura de aplicaciones web? Arquitectura de aplicaciones web es un marco
que se compone de las interacciones y relaciones entre los elementos de la aplicación, como las
interfaces de usuario, los sistemas de middleware y las bases de datos. Comprende un conjunto de
componentes y una descripción de su interacción lógica.
La idea de Arquitectura de aplicaciones web está asociada con la idea del navegador del
usuario que activa una aplicación que es capaz de ejecutarse en varios sitios web. 
Cuando un usuario ingresa una URL y hace clic en buscar el navegador encuentra la
computadora con conexión a Internet en la que se encuentra el sitio web y pregunta esa página en
particular. El servidor responde transfiriendo archivos al navegador. Después de esto, el navegador
ejecuta estos archivos para mostrar la página solicitada al usuario. 
Las aplicaciones web se basan en una arquitectura cliente/servidor por un lado está el cliente
(el navegador, explorador o visualizador) y por otro lado el servidor (el servidor web). Existen
diversas variantes de la arquitectura básica según cómo se implementen las diferentes
funcionalidades de la parte servidor.

6
 Ilustración 2 Cliente-Servidor
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ó.

Ilustración 3 Protocolo HTTP

El navegador es una especie de aplicación capaz de interpretar las órdenes recibidas en
forma de código HTML fundamentalmente y convertirlas en las páginas que son el resultado de
dicha orden.

7
 Cuando nosotros pinchamos sobre un enlace hipertexto, en realidad lo que pasa es que
establecemos una petición de un archivo HTML residente en el servidor (un ordenador que se
encuentra continuamente conectado a la red) el cual es enviado e interpretado por nuestro
navegador. Así pues, podemos hablar de lenguajes de lado servidor que son aquellos lenguajes que
son reconocidos, ejecutados e interpretados por el propio servidor y que se envían al cliente en un
formato comprensible para él. Por otro lado, los lenguajes de lado cliente (entre los cuales no sólo
se encuentra el HTML sino también el Java y el JavaScript los cuales son simplemente incluidos
en el código HTML) son aquellos que pueden ser directamente "digeridos" por el navegador y no
necesitan un pretratamiento.
Arquitectura de aplicaciones web es un tipo de estructura que describe cómo se organiza
una aplicación en diferentes niveles. Los profesionales determinan la calidad de cualquier
arquitectura de aplicación web según estos parámetros:
 Si los usuarios pueden resolver tareas utilizando una aplicación web con precisión.
 Si los desarrolladores pueden modificar fácilmente la aplicación.
Si todo está organizado correctamente dentro de la aplicación, se vuelve más cómodo para
un desarrollador continuar trabajando con ella y asegurar un resultado de alta calidad.
A continuación, se definen las razones por las que debe tomar en serio la arquitectura de
desarrollo de aplicaciones web:
 Integración sencilla y sencilla de nuevas funciones: Un equipo de desarrollo puede
integrar rápidamente cualquier funcionalidad nueva sin cambiar la estructura y el
funcionamiento de toda la aplicación, dividiendo el sistema completo en partes más pequeñas.
 Rendimiento de la aplicación suave y estable: El propósito de una aplicación web
es realizar las funciones esperadas con precisión y adaptarse instantáneamente a los requisitos
de desarrollo. Según el objetivo de la aplicación, un arquitecto puede obtener una solución
eficaz que resista múltiples cargas y mantenga un alto rendimiento.
 Alta flexibilidad y escalabilidad: Al diseñar la arquitectura de la aplicación, un
profesional calificado se concentra principalmente en asegurar formas simples de modificar y
escalar la aplicación. Esto es importante porque las tecnologías evolucionan y una aplicación
debe estar lista para adaptarse a ellas para seguir siendo competitiva. Las empresas pueden
experimentar un tiempo de inactividad si la aplicación es técnicamente difícil de escalar, lo
que conduce a una pérdida considerable de tiempo y dinero.

8
  Disminución del tiempo de desarrollo: La arquitectura de la aplicación debe
realizarse de manera que permita a los desarrolladores manejar procesos paralelos en la
aplicación. Esta estructura comprensible con un código limpio permite incorporar más
profesionales de software dentro de un equipo y reduce considerablemente el tiempo de
desarrollo.
 Dinero ahorrado: Al tratar de publicar un producto utilizable lo más rápido posible,
algunas empresas prefieren un desarrollo rápido a la mejor calidad. Por lo tanto, corren el
riesgo de perder dinero arreglando su aplicación en el futuro. Pero al concentrarse en la
arquitectura de aplicaciones web, las empresas pueden reducir los riesgos y los gastos que
podría necesitar el rediseño de la aplicación.
 Alta seguridad: Una arquitectura de aplicación web segura que puede dividir un
sistema complicado en varios bloques pequeños. Cada bloque se verifica y protege
individualmente, lo que mejora la seguridad general de la aplicación.
Las arquitecturas de aplicaciones web se componen de varios componentes. Estos
componentes se pueden dividir en dos tipos de componentes principales:
1) Componentes de la aplicación de interfaz de usuario: Son relevantes para la interfaz
de usuario. Estos componentes son una parte de la interfaz visual de una aplicación web y no
interactúan con la arquitectura. Se limitan a la visualización de una página web y consisten en
registros de actividad, paneles, menús, ajustes de configuración, notificaciones, estadísticas,
widgets, etc., para mejorar la experiencia del usuario.
2) Los componentes estructurales: Se componen de componentes de cliente y servidor.
Son responsables del proceso de desarrollo de la aplicación. Los componentes del cliente
existentes en el navegador del usuario interactúan con la funcionalidad de las aplicaciones
web. CSS, HTML y JavaScript generalmente se usan para hacer estos componentes.

1.3 Tecnologías para el desarrollo de aplicaciones web

Existen numerosas tecnologías web, algo que, si bien es una ventaja en el diseño y
desarrollo de sitio web, puede llegar a complicar la elección o la toma de decisión de cuál utilizar
y para qué. Por eso es imprescindible explicar en detalle el proyecto que se quiere desarrollar, las
funciones que necesitará el desarrollo web, y en base a eso, dejarse asesorar por los desarrolladores
a la hora de determinar qué tecnologías web se usarán.

9
 Tecnologías frontend
Hablamos del HTML, CSS y JavaScript, los tres permiten el desarrollo de la parte gráfica
del proyecto y la interfaz de usuario. Según StackOverflow, el 69,7% de los programadores han
utilizado JavaScript, convirtiéndolo en el lenguaje más consultado por los desarrolladores en todo
el mundo, seguido por el HTML/CSS con un 63,1%.
HTML: Es un conjunto de códigos breves que describe el contenido de una plataforma web.
Un lenguaje de hipertexto de etiquetas que se encuentra en continua evolución, siendo el más
actualizado el HTML5. Se construye bloque a bloque y al guardarlo se puede encontrar a través de
los buscadores.
CSS: Da forma a la representación visual del HTML, indicando cómo debe reflejarse.
Proporciona el estilo, el diseño, presentándose como una de las tecnologías web por excelencia a
las que recurren los desarrolladores gráficos.
JavaScript: Es el encargado de aportar interactividad al desarrollo, programa el
comportamiento de los elementos aportando dinamismo a la interfaz. Crea animaciones, objetos,
cookies, validación de datos en los formularios, etc. Y, además, es multiplataforma y totalmente
universal, por lo que también se puede utilizar para el desarrollo mobile. JavaScript es el lenguaje
de programación más utilizado globalmente por programadores.

Ilustración 4 Ejemplos Front end

10
 Frameworks
Además de los lenguajes de programación que definen el «idioma» y cómo estará escrito el
código, es importante destacar la importancia de los frameworks de desarrollo. Una serie de
herramientas y librerías de código pre-escrito que facilitan a los desarrolladores las tareas
cotidianas o de uso común para evitar ejecutarlas desde cero.
Los frameworks dan un marco de trabajo para programar en un lenguaje y las librerías se
encargan de solucionar problemas haciendo el código más legible.
Angular: Entre los más sonados y populares encontramos el framework Angular, perfecto
para aplicaciones web. Además, utiliza HTML para realizar UI y es compatible con las últimas
versiones de Chrome, Firefox, Edge, Android y iOS.
Vue.JS: Es un framework progresivo escrito en JavaScript en código abierto, se puede
adaptar fácilmente a cualquier proyecto, convirtiéndose en una de las tecnologías web más
populares.
React: Al igual que Vue.JS, React también está escrito en código abierto en JavaScript, muy
útil para construir las interfaces de usuario. Es una biblioteca, aunque muchos programadores la
consideran un framework por la excelencia de sus componentes. Así mismo, admite y combina
diferentes idiomas y tecnologías.

Ilustración 5 Ejemplos Frameworks

Tecnologías backend
Este conjunto de lenguajes se encarga de implementar los comportamientos de la web en el
servidor. Se programa la interacción web, almacenan la información en el servidor y se conectan
con la base de datos para actualizarse e ir mostrando contenido determinado.

11
 PHP: Es una de las mejores tecnologías para desarrollo web, ya que es de uso general y se
adapta especialmente a este tipo de desarrollos. Se usa para conectar la plataforma web con el
servidor de datos, permitiendo administrar los archivos del server, editar código, compiladores, la
recopilación de datos o la modificación de la BBDD, entre más aspectos.
Python: Sencillo pero potente, porque usa un menor número de líneas de código. Además,
tiene varias librerías y es totalmente gratuito.
JavaEE: También conocido como Jakarta EE o Java Enterprise Edition, opera para el
desarrollo y ejecución del software de Java en el backend, muy popular entre las plataformas
empresariales de gran nivel.

Ilustración 6 Tecnologiías backend

Frameworks backend
Los frameworks generan diversos beneficios en el desarrollo. El código web se encuentra
organizado y estructurado desde el primer momento y se favorece el control y la seguridad de la
plataforma filtrando la entrada y salida de datos.
Además, constan de una comunidad muy amplia y en continuo crecimiento. Por lo que
siempre se pueden realizar consultas o estar al tanto de las nuevas actualizaciones.
NodeJS: JavaScript se creó para permitir el desarrollo de la parte frontal, pero los últimos
años ha ido evolucionando y ha creado su lugar en el backend con NodeJS. El lenguaje de JS para
llevar a cabo toda la parte del servidor.
Laravel: Tecnología de código abierto y uno de los frameworks más utilizados
mundialmente. Ideal para desarrollar de forma elegante y simple aplicaciones y servicios web
utilizando PHP.

12
 Ilustración 7 Ejemplos Frameworks Backend
Bases de datos
Estas son un conjunto de datos que pertenecen a un mismo contexto y se encuentran
recogidos sistemáticamente para poder utilizarlos en cualquier momento. Para su gestión, existe
una serie de sistemas encargados de almacenar, modificar y extraer información de ellas empleando
programas específicos.
MySQL: Es el gestor de bases de datos más utilizado en todo el mundo por los
programadores actuales. Se utiliza para almacenar la información, y trabaja con múltiples tablas
que permiten crear nuevas bases de datos y hacer cualquier consulta.
Mongo: Es otra base de datos muy popular que permite un desarrollo escalable, rápido e
interactivo. Se trata de un sistema en código abierto enfocado a documentos.

Ilustración 8 Ejemplos base de datos

13
1.4 Planificación de aplicaciones web
A la hora del desarrollo de un sitio Web se debe comenzar por dar respuesta a un grupo
muy concreto de interrogantes, que permitirán aclarar y definir de manera básica las expectativas
existentes en torno a la aplicación Web e Interacción que se va a generar. No importa cuál sea el
tamaño del proyecto, es fundamental crear un Plan de Proyecto que capture la toma de decisiones,
y que, cuando el proyecto sea lanzado, sirva como archivo documental de todos los procesos
estratégicos inherentes al proyecto.

Ilustración 9 Planificación de aplicaciones web

Briefing: La primera etapa de cualquier proyecto web es el briefing, cuando el cliente
expone sus necesidades. Presenta referencias, y cuando es posible, informa el presupuesto
disponible. Es fundamental que el briefing sea bien completo y mucho de eso depende del
desarrollador, que en general está más familiarizado con la tecnología que con el cliente. Por lo
tanto, realiza muchas preguntas, estimula la participación del cliente y alinea las expectativas.
Cronograma: Con el alcance del proyecto web definido, es hora de elaborar un cronograma
de entregas. Para ésto, el desarrollador tiene que ser realista en cuanto al tiempo de dedicación
necesario para entregar el pedido, y su disponibilidad para trabajar en él. Con este panorama es
más fácil establecer el precio del proyecto y las fechas de entrega. Una buena práctica es presentar
al cliente la evolución de cada una de las etapas, lo que ayuda a identificar eventuales fallas de
comunicación, y corregirlas en el camino.
Benchmarking: Después de preparar el briefing del cliente y de aprobar el cronograma de
entrega y el valor del proyecto, es importante hacer un benchmarking, antes de colocar manos en
la masa. Investiga a la competencia, analiza el mercado y el comportamiento del público antes de
planificar efectivamente cada una de las etapas de desarrollo.

14
 Planificación: Antes de cualquier código es importante tener una planificación que le dará
un norte al proyecto web. Esto incluye desde la arquitectura de la información con foco en la
experiencia del usuario, hasta un mapa del sitio completo y el wireframe (prototipo), con la
distribución de los contenidos. Esta etapa también puede ser presentada para validación del cliente,
esclareciendo dudas y reparando posibles fallas.
Desarrollo: Luego de tener lista la planificación, es hora de sacar el proyecto del papel. El
diseño marcará el norte y orientará toda la programación del sitio web; por eso comentamos
anteriormente la importancia de un buen briefing. Cuando diseño y desarrollo andan juntos, es más
fácil atender los plazos y cumplir las etapas previstas en el alcance.
Pruebas: Con el proyecto web listo, es momento de comenzar las pruebas para corregir
scripts de programación y validar la versión final con el cliente. Es importante verificar
performance, seguridad, y realizar pruebas de todos los servicios del sitio web.
Elige un servicio de hosting que esté preparado para recibir el número de visitas previstas.
Para eso, verifica la compatibilidad con el protocolo SSL e incluso si el panel de control es intuitivo,
permitiendo que el propio cliente ingrese si es necesario.
Publicación y mantenimiento: Tu actividad no tiene que acabar cuando el proyecto sea
entregado. Ofrece al cliente servicios de soporte técnico, actualización, acompañamiento constante
y análisis de desempeño de las visitas. Esta oferta de otras actividades puede transformar lo que
era solo un proyecto en un trabajo recurrente y aumentar tus ingresos.

Anexos
¿Qué es una API?
Las siglas API hacen referencia a Interfaz de Programación de Aplicaciones. Es un conjunto
de métodos claramente definidos y documentados sobre cómo se puede comunicar un programa
computacional con otro externo de manera que estos compartan e intercambien datos de forma
segura. Sirve como punto de partida para intercambiar datos y ejecutar transacciones sobre un
sistema actualmente funcionando. Esto permite desarrollar un software como extensión de otro ya
existente y permite que estos compartan e intercambien información que se pueda ver actualizada
en ambos lugares en tiempo real.

15
 Una API no se hace de manera predeterminada para todos los programas de software o
sitios Web. Una API se desarrolla explícitamente cuando los programadores de un software estiman
que es importante para el futuro del negocio tenerla disponible, es decir, depende los objetivos.
Entonces la desarrollan y la hacen accesible para los interesados. Una API puede ser
pública, o con autenticación, depende el nivel de seguridad de acceso que se necesite.
Generalmente este proceso de acceso seguro y privado se hace a través de lo que se llama una KEY
que, en esencia, es una cadena de caracteres que sirve como “Contraseña” para tener acceso a la
API.
Una API especifica cómo los componentes de software deben interactuar entre sí. Es un
conjunto de protocolos y rutinas, y sus respuestas generalmente se devuelven como datos JSON o
XML. Las API pueden usar cualquier tipo de protocolo de comunicación, y no están limitadas de
la misma manera que lo es un servicio web.
¿Qué es un Servicio web?
Un Servicio web es una API que está hecha exclusivamente para establecer comunicación
a través de la Web. Por lo tanto, podemos decir que “Todo Web Service es una API, pero no toda
API es un Web Service”.
Por definición, un servicio web es cualquier pieza de software que se ofrece a través de
Internet y estandariza su comunicación a través de la codificación XML. Un cliente invoca un
servicio web enviando una solicitud (generalmente en forma de un mensaje XML), y el servicio
envía una respuesta XML. Los servicios web invocan la comunicación a través de una red, con
HTTP como el medio más común de conectividad entre los dos sistemas. Para muchos, los
servicios web son sinónimo de SOA (Arquitectura Orientada a Servicios) y se basan principalmente
en estándares como XML-RPC y SOAP (Protocolo Simple de Acceso a Objetos). Una de las
principales críticas del enfoque de los servicios web es el grado en que el cliente y el servidor están
acoplados entre sí; un problema inherente cuando un cliente llama de forma remota a un
procedimiento (“RPC”) en un sistema distante.
¿Qué es JSON y para qué sirve en las páginas web?
El formato JSON se utiliza para estructurar datos en forma de texto y permite el intercambio
de información entre aplicaciones de manera sencilla, liviana y rápida. Por eso, es tan importante
saber cómo se estructura. Significa JavaScript Object Notation, es una formulación usada para

16
estructurar datos en forma de texto y transmitirlos de un sistema a otro, como en aplicaciones
cliente-servidor o en aplicaciones móviles.
Los datos contenidos en un archivo en formato JSON deben estructurarse por medio de una
colección de pares con nombre y valor o deben ser una lista ordenada de valores. Sus elementos
tienen que contener:
Clave: corresponde al identificador del contenido. Por eso, debe ser una string delimitada
por comillas.
Valor: representa el contenido correspondiente y puede contener los siguientes tipos de
datos: string, array, object, number, boolean o null.
¿Qué es un Framework back-end?
Es una herramienta de software que puede automatizar algunos aspectos del proceso de
desarrollo web, haciéndolo más fácil y rápido. Más precisamente, un framework web back-end es
una biblioteca de modelos y herramientas que pueden ayudar al desarrollador a construir la
arquitectura de su sitio web, aplicación web, aplicación móvil o software.
Con un framework web de back-end, el trabajo del desarrollador es más fácil de la misma
manera: en lugar de tener que codificar cada línea en diferentes lenguajes de programación, el
desarrollador puede explotar una estructura dada y herramientas y módulos dados para construir su
aplicación.
Beneficios de usar un framework web backend
Los beneficios de usar un framework web backend van más allá de la facilidad y la
velocidad del proceso de programación. Sí, el uso de un marco ahorra tiempo, y sí, facilita las cosas
tanto para los desarrolladores expertos como para los principiantes, pero un framework web de
back-end también proporciona:
Seguridad: un marco proporciona seguridad desde muchos puntos de vista. La seguridad
frente a ataques y problemas externos, bloqueos, lentitud y otros aspectos negativos podrían reducir
la calidad de la aplicación que está creando.
Escalabilidad: los marcos son muy flexibles. Una vez que haya elegido el marco de back-
end adecuado para su proyecto, y en este artículo lo ayudaremos con su elección, puede usar el
mismo marco a medida que crea su aplicación web desde una herramienta de software muy simple
hasta la más compleja. plataforma web

17
 Integraciones: los marcos también facilitan las integraciones porque proporcionan
herramientas preconstruidas para manejar este aspecto también.
Hay dos tipos principales de frameworks web backend:
Marco web del lado del cliente: Estos son los marcos que se centran más estrictamente en
la interfaz de usuario. Como sabrás, el lado del cliente incluye todos los aspectos relacionados con
lo que el usuario ve, visualiza y cómo puede interactuar con la aplicación.
Marco web del lado del servidor: En cambio, el marco del lado del servidor se usa para
funcionalidades de back-end: manipulación de bases de datos, administración de datos,
administración de servidores web, etc.
Django: Si necesita crear un sitio web, especialmente si es particularmente complejo, puede
optar por Django. Es un framework web basado en Python que se centra en la creación de sitios
web complejos y basados en bases de datos.
Express.js: Es un framework de aplicación web de Node.js. Al igual que AppMaster, tiene
como objetivo crear aplicaciones web y aplicaciones móviles, pero esta no es una plataforma sin
código, es un framework de back-end muy popular y se ha utilizado para crear aplicaciones web
famosas como MySpace y Uber.
Laravel: Desde Python, ahora podemos pasar a PHP. Si está buscando un framework basado
en PHP, Laravel es conocido por ser la opción ideal. Es de código abierto y está diseñado
específicamente para crear una aplicación web basada en Symfony que sigue una arquitectura
MVC. Si necesita concentrarse en el desarrollo de back-end, los expertos dicen que este es su
framework de back-end ideal.
Núcleo de ASP.NET: ASP.NET es un framework de desarrollo de código abierto que se
utiliza para crear aplicaciones .NET. Utiliza código C# y es el framework web ideal si su prioridad
es brindar una experiencia de usuario positiva a sus usuarios.

Ilustración 10 Frameworks Backend

18
 ¿Qué es un Framework front-end?
Es importante conocer cuáles son los principales frameworks front end, ya que son los que
se utilizan para desarrollar, optimizar y mantener sitios y aplicaciones web.
Angular: Angular es un framework full stack, que es una interfaz popular de JavaScript.
Fue uno de los primeros frameworks full stack de JavaScript que intentó estandarizar el desarrollo
de front-end en JavaScript con módulos y estructura de código.
React: es uno de los mejores frameworks para desarrollo web. React fue desarrollado por
Facebook y es una biblioteca de front-end que se usa para crear UI. Está basado en Javascript y se
usa para manejar la capa de vista para aplicaciones web. Cuando se trabaja con React es necesario
controlar también HTML y CSS. React no usa HTML, pero es recomendable saber utilizarlo,
puesto que te ayudará con JSX, que es similar.
Spring: Es un framework para aplicaciones web de código abierto y gratuito. Tiene
múltiples frameworks como un framework MVC, framework de acceso remoto, framework de
acceso a datos, framework de gestión de transacciones, etc. MVC o un marco modelo-vista-
controlador es uno de los MVC más populares utilizados para crear proyectos escalables.
NodeJS: es un framework full stack, que es un potente entorno de ejecución de back-end
basado en javascript. Es de código abierto y un framework muy popular para la programación del
lado del servidor. Se puede ejecutar en Windows, Mac OS y Linux. El conocimiento de JavaScript
es un requisito indispensable para aprender y usar NodeJS.

Ilustración 11 Frameworks front end

19
Conclusión
Con esta investigación podemos concluir que el éxito de un proyecto web depende en gran
parte de la participación de todos los involucrados. Por eso mismo es fundamental que el
desarrollador deje este punto en claro con el cliente, y explique todos los pasos que serán realizados
a lo largo de ir haciendo el proyecto en este caso una aplicación web. También podemos darnos
cuenta en como día a día es común que la planificación sea dejada de lado, y que luego comprometa
el avance y la entrega del proyecto ya que muchos no tomamos en cuenta eso y empezamos a
realizar la aplicación sin antes planificar la idea de cómo se tendrá que ir realizando.
Para que tengamos éxito en cualquier proyecto web que realicemos es fundamental
dimensionar correctamente todos los pedidos, lo que contribuye a aumentar tu credibilidad como
profesional y tener clientes satisfechos. Otra ventaja de la planificación es la facilidad de asignar
precio a tus servicios. Muchos desarrolladores no saben cómo cobrar por un proyecto web. Y en la
mayoría de los casos esto ocurre porque el alcance del proyecto no es claro.
Una arquitectura de aplicaciones es muy importante porque nos describe las técnicas que
se utilizan para diseñar y desarrollar aplicaciones. La arquitectura le proporciona un plan y las
prácticas recomendadas que debe seguir para diseñar una aplicación bien estructurada.
En esta investigación podemos ver que en una arquitectura de aplicaciones, habrá servicios
de front-end y de back-end. El desarrollo de front-end se refiere a la experiencia del usuario con la
aplicación, mientras que el de back-end implica proporcionar acceso a los datos, los servicios y
otros sistemas que permiten el funcionamiento de la aplicación.
Aunque la arquitectura es el punto de partida o el mapa para diseñar una aplicación nosotros
debemos tomar decisiones de implementación que no forman parte de ella.
Por ejemplo, un primer paso es elegir un lenguaje de programación en el cual escribir la
aplicación. Para desarrollar los sistemas de software, se emplean muchos lenguajes de
programación. Algunos de ellos pueden utilizarse para diseñar ciertos tipos de aplicaciones, como
JavaScript, combinado con HTML y CSS, es uno de los más populares para el desarrollo de
aplicaciones web en la actualidad.

20
Fuentes de información
1. (S/f). Studocu.com. Recuperado el 17 de febrero de 2023, de
https://www.studocu.com/es-mx/document/universidad-tecnologica-del-sureste-
sc/administracion-del-tiempo/241343389-14-planificacion-de-aplicaciones-web/25004152
2. Arquitectura de las aplicaciones Web - creaciòn de sitio web. (s/f). Google.com.
Recuperado el 17 de febrero de 2023, de
https://sites.google.com/site/creaciondesitioweb84/arquitectura-de-las-aplicaciones-web
3. Evolución de las aplicaciones web. (2015, marzo 16). programación Web.
https://programacion1class.wordpress.com/1-1-evolucion-de-las-aplicaciones-web/
4. Fernández, J. (2021, abril 28). ¿Cuáles son las mejores tecnologías para desarrollo
web? Armadillo Amarillo - Desarrollo mobile y web.
https://www.armadilloamarillo.com/blog/cuales-son-las-mejores-tecnologias-para-desarrollo-
web/
5. Funcionamiento y evolución de las aplicaciones web. (2021, septiembre 27).
Hosting Plus. https://www.hostingplus.mx/blog/funcionamiento-y-evolucion-de-las-
aplicaciones-web/
6. Guest. (2021, febrero 19). Evolución DE Las aplicaciones web. Pdfcoffee.com.
https://pdfcoffee.com/evolucion-de-las-aplicaciones-web--2-pdf-free.html
7. Harsh, K. (2022, octubre 13). ¿Qué es la Arquitectura de las Aplicaciones Web?
Desglosando una Aplicación Web. Kinsta®; Kinsta. https://kinsta.com/es/blog/arquitectura-
aplicaciones-web/
8. La importancia de la planificación en tu proyecto web. (s/f). Hostgator.mx.
Recuperado el 17 de febrero de 2023, de https://www.hostgator.mx/blog/planificacion-
proyecto-web/
9. Molina, J., & Mariuxi, Z. (s/f). METODOLOGÍAS DE DESARROLLO EN
APLICACIONES WEB. Edu.ve. Recuperado el 17 de febrero de 2023, de
http://arje.bc.uc.edu.ve/arj21/art16.pdf
10. Planificación DE aplicaciones web. (2015, marzo 15). Programación Web.
https://programacionweb1.wordpress.com/arquitectura/1-4-planificacion-de-aplicaciones-
web/
11. Sharma, P. (2021, diciembre 17). 7 razones para tratar la arquitectura de
aplicaciones web con seriedad. Cynoteck; Cynoteck Technology Solutions.
https://cynoteck.com/es/blog-post/reasons-to-treat-web-application-architecture-seriously/
12. Tecnologías para el Desarrollo de las Aplicaciones Web - Programación WEB. (s/f).
Google.com. Recuperado el 17 de febrero de 2023, de
https://sites.google.com/site/programacionwebhegm/unidad-1-arquitectura/1-3-tecnologias-
para-el-desarrollo-de-las-aplicaciones-web
13. Tecnologías Web Actuales. (2022, agosto 11). proun.
https://www.proun.es/blog/tecnologias-web-actuales/

21